bc sans

bc sans

La police standard des services numériques du gouvernement de la Colombie-Britannique est bc sans . bc sans est une famille de polices open source et est une version modifiée de Noto Sans, développée par Google. bc sans inclut des modifications pour prendre en charge les langues autochtones en Colombie-Britannique. Le gouvernement de la Colombie-Britannique travaille actuellement à inclure les langues autochtones dans les documents, systèmes et services gouvernementaux. Découvrez les mesures prises et comment vous pouvez rester informé en consultant les langues autochtones dans les dossiers, systèmes et services gouvernementaux - Province de la Colombie-Britannique.

Poids et styles de police inclus :

• bc sans Régulier - 400
• bc sans italique - 400
• bc sans gras - 700
• bc sans gras italique - 700
• bc sans Lumière - 300
• bc sans italique clair - 300

Les normes de typographie pour l’impression se trouvent sur la page du programme d’identité visuelle de la Colombie-Britannique.

Télécharger des fichiers

Si vous souhaitez les polices dans différents formats de fichiers, voici toutes les options

• Téléchargez tous les fichiers de polices (.eot, .ttf, .otf, .woff, .woff2)
• Téléchargez des fichiers pour votre ordinateur local (.otf, .ttf)

Intégration

npm i --save @bcgov/bc-sans

Réagir

Intégrer dans une import '@bcgov/bc-sans/css/BC_Sans.css'

Typographie.js

Voir les instructions d'installation de Typography.js ici

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 ;

Pourquoi y a-t-il deux fichiers CSS similaires dans ce package ?

Pour les nouveaux projets, il vous suffit d'inclure l'un des deux fichiers CSS : css/BC_Sans.css . Ensuite, référencez bc sans dans vos règles font-family CSS.

À l'origine, ce package était livré avec uniquement css/BCSans.css . Ce fichier utilise BCSans (sans espace) comme nom font-family dans ses déclarations @font-face . De nombreux codes d'application existants font référence à ce nom. Mais les métadonnées des fichiers de polices utilisent bc sans (avec un espace) pour le nom de la famille de polices. En conséquence, les outils de conception d'interface utilisateur tels que Figma génèrent du code en utilisant bc sans à partir des fichiers de polices. Ce code généré ne fonctionnerait pas directement avec ce package sans intervention manuelle.

css/BC_Sans.css utilise bc sans pour ses noms font-family CSS. Cela correspond aux champs de métadonnées de famille dans les fichiers de polices. Le code de style de police généré à partir de Figma fonctionne avec css/BC_Sans.css . Les nouveaux projets doivent utiliser css/BC_Sans.css pour un transfert plus fluide entre le concepteur et le développeur. Pour les projets existants, il n’est pas nécessaire de changer.

Contribuer

L’intégrer autrement ? Créez une pull request pour nous aider à créer la documentation.