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以實現最順暢的設計人員與開發人員的交接。對於現有項目，無需切換。