bc sans

bc sans

La fuente estándar para los servicios digitales del gobierno de BC es bc sans . bc sans es una familia de fuentes de código abierto y es una versión modificada de Noto Sans, desarrollada por Google. bc sans incluye modificaciones para admitir lenguas indígenas en Columbia Británica. El gobierno de Columbia Británica está trabajando actualmente para incluir lenguas indígenas en los registros, sistemas y servicios gubernamentales. Descubra qué medidas se están tomando y cómo puede mantenerse informado en Inclusión de lenguas indígenas en los registros, sistemas y servicios gubernamentales - Provincia de Columbia Británica.

Pesos y estilos de fuente incluidos:

• bc sans Regular - 400
• bc sans cursiva - 400
• bc sans negrita - 700
• bc sans negrita cursiva - 700
• bc sans luz - 300
• bc sans cursiva ligera - 300

Los estándares de tipografía para impresión se encuentran en la página del Programa de identidad visual de BC.

Descargar archivos

Si desea las fuentes en diferentes formatos de archivo, aquí tiene todas las opciones.

• Descargue todos los archivos de fuentes (.eot, .ttf, .otf, .woff, .woff2)
• Descargue archivos para su computadora local (.otf, .ttf)

Integración

npm i --save @bcgov/bc-sans

Reaccionar

Incrustar en un componente de nivel raíz import '@bcgov/bc-sans/css/BC_Sans.css'

Tipografía.js

Consulte las instrucciones de instalación de Typography.js aquí

bc sans', 'Noto Sans', 'Verdana', 'Arial', 'sans-serif'], bodyFontFamily: [' bc sans ', 'Noto Sans', 'Verdana', 'Arial', 'sans-serif'], scaleRatio: 2.074, }); export default typography;">

 import Typography from 'typography' ;
import '@bcgov/bc-sans/css/BC_Sans.css' ;

const typography = new Typography ( {
  baseFontSize : '16px' ,
  baseLineHeight : 1.25 ,
  headerFontFamily : [ ' bc sans ' , 'Noto Sans' , 'Verdana' , 'Arial' , 'sans-serif' ] ,
  bodyFontFamily : [ ' bc sans ' , 'Noto Sans' , 'Verdana' , 'Arial' , 'sans-serif' ] ,
  scaleRatio : 2.074 ,
} ) ;

export default typography ;

¿Por qué hay dos archivos CSS similares en este paquete?

Para proyectos nuevos, solo necesita incluir uno de los dos archivos CSS: css/BC_Sans.css . Luego, haga referencia bc sans en sus reglas font-family CSS.

Originalmente, este paquete se enviaba solo con css/BCSans.css . Este archivo utiliza BCSans (sin espacios) como nombre font-family en sus declaraciones @font-face . Muchos códigos de aplicaciones existentes hacen referencia a este nombre. Pero los metadatos en los archivos de fuentes usan bc sans (con un espacio) para el nombre de la familia de fuentes. Como resultado, las herramientas de diseño de UI como Figma generan código utilizando bc sans de los archivos de fuentes. Este código generado no funcionaría directamente con este paquete sin intervención manual.

css/BC_Sans.css usa bc sans para sus nombres font-family CSS. Esto coincide con los campos de metadatos de la familia en los archivos de fuentes. El código de estilo de fuente generado a partir de Figma funciona con css/BC_Sans.css . Los nuevos proyectos deben usar css/BC_Sans.css para que la transferencia del diseñador al desarrollador sea más fluida. Para proyectos existentes, no es necesario cambiar.

Contribuyendo

¿Integrarlo de otra manera? Cree una solicitud de extracción para ayudarnos a desarrollar la documentación.