bc sans Download - bc sans Quellcode herunterladen

bc sans

Schriftarten herunterladen

1.0.0

Herunterladen

bc sans

Die Standardschriftart für digitale Dienste der Regierung von British Columbia ist bc sans . bc sans ist eine Open-Source-Schriftfamilie und eine modifizierte Version von Noto Sans, die von Google entwickelt wurde. bc sans enthält Modifikationen zur Unterstützung indigener Sprachen in British Columbia. Die Regierung von British Columbia arbeitet derzeit daran, indigene Sprachen in die Aufzeichnungen, Systeme und Dienste der Regierung aufzunehmen. Erfahren Sie, welche Schritte unternommen werden und wie Sie auf dem Laufenden bleiben können: Einbeziehung indigener Sprachen in Regierungsunterlagen, -systeme und -dienste – Provinz British Columbia.

Enthaltene Schriftstärken und -stile:

bc sans Regular – 400
bc sans Kursivschrift – 400
bc sans Fett – 700
bc sans Bold Italic – 700
bc sans Licht – 300
bc sans leichte Kursivschrift – 300

Typografiestandards für den Druck finden Sie auf der Seite des BC Visual Identity Program.

Dateien herunterladen

Wenn Sie die Schriftarten in verschiedenen Dateiformaten benötigen, finden Sie hier alle Optionen

Laden Sie alle Schriftartdateien herunter (.eot, .ttf, .otf, .woff, .woff2)
Laden Sie Dateien für Ihren lokalen Computer herunter (.otf, .ttf)

Integration

npm i --save @bcgov/bc-sans

Reagieren

Einbetten in einen Komponentenimport auf Stammebene import '@bcgov/bc-sans/css/BC_Sans.css'

Typography.js

Die Installationsanweisungen für Typography.js finden Sie hier

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 ;

Warum gibt es in diesem Paket zwei ähnliche CSS-Dateien?

Für neue Projekte müssen Sie nur eine der beiden CSS-Dateien einbinden: css/BC_Sans.css . Verweisen Sie dann in Ihren CSS font-family auf bc sans .

Ursprünglich wurde dieses Paket nur mit css/BCSans.css ausgeliefert. Diese Datei verwendet BCSans (kein Leerzeichen) als Namen der font-family in ihren @font-face -Deklarationen. Viele vorhandene Anwendungscodes verweisen auf diesen Namen. Die Metadaten in den Schriftartdateien verwenden jedoch bc sans (mit einem Leerzeichen) für den Namen der Schriftartfamilie. Daher geben UI-Designtools wie Figma Code mit bc sans aus den Schriftartdateien aus. Dieser generierte Code würde ohne manuelles Eingreifen nicht direkt mit diesem Paket funktionieren.

css/BC_Sans.css verwendet bc sans für die Namen seiner CSS font-family . Dies entspricht den Familienmetadatenfeldern in den Schriftartdateien. Von Figma generierter Schriftstilcode funktioniert mit css/BC_Sans.css . Neue Projekte sollten css/BC_Sans.css verwenden, um eine reibungslose Übergabe vom Designer an den Entwickler zu gewährleisten. Bei bestehenden Projekten besteht kein Umstiegsbedarf.