bc sans下载 - bc sans源代码下载

bc sans

字体下载

1.0.0

下载

bc sans

BC 省政府数字服务的标准字体是bc sans 。 bc sans是一个开源字体系列，是 Google 开发的 Noto Sans 的修改版本。 bc sans包括支持不列颠哥伦比亚省土著语言的修改。 BC 省政府目前正在努力将土著语言纳入政府记录、系统和服务中。了解正在采取哪些措施以及如何随时了解情况，请访问将土著语言纳入政府记录、系统和服务 - 不列颠哥伦比亚省。

字体粗细和样式包括：

bc sans常规 - 400
bc sans斜体 - 400
bc sans粗体 - 700
bc sans粗体斜体 - 700
bc sans无光 - 300
bc sans浅斜体 - 300

印刷版式标准位于 BC 视觉识别计划页面上。

下载文件

如果您想要不同文件格式的字体，这里有所有选项

下载所有字体文件（.eot、.ttf、.otf、.woff、.woff2）
下载本地计算机的文件（.otf、.ttf）

一体化

npm i --save @bcgov/bc-sans

反应

嵌入根级组件import '@bcgov/bc-sans/css/BC_Sans.css'

Typography.js

请参阅此处 Tyography.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 。然后，在 CSS font-family规则中引用bc sans 。

最初，这个包只附带了css/BCSans.css 。该文件在其@font-face声明中使用BCSans （无空格）作为font-family名称。许多现有的应用程序代码都引用了这个名称。但字体文件中的元数据使用bc sans （带空格）作为字体系列名称。因此，像 Figma 这样的 UI 设计工具使用字体文件中的bc sans输出代码。如果没有手动干预，生成的代码将无法直接与该包一起使用。

css/BC_Sans.css使用bc sans作为其 CSS font-family名称。这与字体文件中的系列元数据字段匹配。 Figma 生成的字体样式代码可与css/BC_Sans.css配合使用。新项目应使用css/BC_Sans.css以实现最顺畅的设计人员与开发人员的交接。对于现有项目，无需切换。