bc sans

bc sans

A fonte padrão para serviços digitais do governo BC é bc sans . bc sans é uma família de fontes de código aberto e é uma versão modificada do Noto Sans, desenvolvida pelo Google. bc sans inclui modificações para oferecer suporte às línguas indígenas na Colúmbia Britânica. O governo de BC está atualmente trabalhando para incluir as línguas indígenas nos registros, sistemas e serviços governamentais. Descubra quais medidas estão sendo tomadas e como você pode se manter informado em Incluindo línguas indígenas em registros, sistemas e serviços governamentais - Província da Colúmbia Britânica.

Pesos e estilos de fonte incluídos:

• bc sans Regular - 400
• bc sans Itálico - 400
• bc sans Negrito - 700
• bc sans Bold Itálico - 700
• bc sans luz - 300
• bc sans Light Itálico - 300

Os padrões de tipografia para impressão estão na página do Programa de Identidade Visual do BC.

Baixar arquivos

Se você deseja fontes em diferentes formatos de arquivo, aqui estão todas as opções

• Baixe todos os arquivos de fontes (.eot, .ttf, .otf, .woff, .woff2)
• Baixe arquivos para o seu computador local (.otf, .ttf)

Integração

npm i --save @bcgov/bc-sans

Reagir

Incorporar em uma import '@bcgov/bc-sans/css/BC_Sans.css'

Tipografia.js

Consulte as instruções de instalação do Typography.js aqui

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 que existem dois arquivos CSS semelhantes neste pacote?

Para novos projetos, você só precisa incluir um dos dois arquivos CSS: css/BC_Sans.css . Em seguida, faça referência bc sans nas regras font-family CSS.

Originalmente, este pacote era enviado apenas com css/BCSans.css . Este arquivo usa BCSans (sem espaço) como nome font-family em suas declarações @font-face . Muitos códigos de aplicativos existentes fazem referência a esse nome. Mas os metadados nos arquivos de fontes usam bc sans (com espaço) para o nome da família de fontes. Como resultado, ferramentas de design de IU, como o Figma, geram código usando bc sans dos arquivos de fonte. Este código gerado não funcionaria diretamente com este pacote sem intervenção manual.

css/BC_Sans.css usa bc sans para seus nomes font-family CSS. Isso corresponde aos campos de metadados da família nos arquivos de fontes. O código de estilo de fonte gerado pelo Figma funciona com css/BC_Sans.css . Novos projetos devem usar css/BC_Sans.css para uma transferência mais suave do designer para o desenvolvedor. Para projetos existentes, não há necessidade de mudança.

Contribuindo

Integrando-o de forma diferente? Crie uma solicitação pull para nos ajudar a construir a documentação.