Загрузка bc sans - Загрузка исходного кода bc sans

bc sans

Загрузка шрифта

1.0.0

Скачать

bc sans

Стандартный шрифт для цифровых услуг правительства Британской Колумбии — bc sans . bc sans — семейство шрифтов с открытым исходным кодом, модифицированная версия Noto Sans, разработанная Google. bc sans включает модификации для поддержки языков коренных народов Британской Колумбии. Правительство Британской Колумбии в настоящее время работает над включением языков коренных народов в государственные отчеты, системы и услуги. Узнайте, какие шаги предпринимаются и как вы можете оставаться в курсе событий, на сайте «Включение языков коренных народов в государственные отчеты, системы и услуги — Провинция Британская Колумбия».

Включены веса и стили шрифтов:

bc sans Regular - 400
bc sans курсива - 400
bc sans жирного шрифта - 700
bc sans жирного курсива — 700
bc sans Лайт - 300
bc sans светлого курсива - 300

Стандарты типографики для печати находятся на странице программы визуальной идентификации Британской Колумбии.

Скачать файлы

Если вам нужны шрифты в разных форматах файлов, вот все варианты.

Загрузите все файлы шрифтов (.eot, .ttf, .otf, .woff, .woff2)
Загрузите файлы на свой локальный компьютер (.otf, .ttf)

Интеграция

npm i --save @bcgov/bc-sans

Реагировать

Встроить в import '@bcgov/bc-sans/css/BC_Sans.css'

Типография.js

Инструкции по установке Typography.js см. здесь.

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 ;

Почему в этом пакете два одинаковых файла CSS?

Для новых проектов вам нужно включить только один из двух файлов CSS: css/BC_Sans.css . Затем укажите bc sans в правилах font-family CSS.

Первоначально этот пакет поставлялся только с css/BCSans.css . Этот файл использует BCSans (без пробела) в качестве имени font-family в объявлениях @font-face . Многие существующие коды приложений ссылаются на это имя. Но в метаданных в файлах шрифтов в качестве названия семейства шрифтов используется bc sans (с пробелом). В результате инструменты проектирования пользовательского интерфейса, такие как Figma, выводят код с использованием bc sans из файлов шрифтов. Этот сгенерированный код не будет работать напрямую с этим пакетом без ручного вмешательства.

css/BC_Sans.css использует bc sans для имен font-family CSS. Это соответствует полям метаданных семейства в файлах шрифтов. Код стиля шрифта, сгенерированный из Figma, работает с css/BC_Sans.css . В новых проектах следует использовать css/BC_Sans.css для более плавной передачи дизайнера разработчику. Для существующих проектов нет необходимости переключаться.