#### 1. 前言 --- `font-family` 屬性用于給元素指定字體，是開發(fā)中使用非常頻繁的一個屬性 該屬性的值是一個字體系列，每個值使用逗號隔開，如果字體名名稱包含空格，那么字體名稱必須使用引號包裹，設(shè)置的字體是否可用取決于用戶機器上該字體是否可用 #### 2. 給英文，中文設(shè)置不同的字體 --- 眾所周知，`font-family` 屬性的原則是客戶端不支持前面的字體時，自動往后查找可以使用的字體 如果想要給英文，中文設(shè)置不同的字體，可以使用一個僅支持的英文的字體（比如: Arial），再找一個支持中文的字體 如下所示: 遇到文字時，首選會嘗試使用 Arial 字體，該字體支持英文，所以遇到英文會生效，遇到中文時 Arial 不支持，將自動使用后面的 Noto Sans SC（思源黑體） 字體 ```css :root { font-family: Arial, 'Noto Sans SC'; } ``` #### 3. 思源黑體 --- 通過 link 標簽在網(wǎng)頁頭部引用 `Google Web Font` 字體: Noto Sans SC 大小: 100,300,400,500,700,900 ```html <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"> ``` 在需要使用思源黑體的地方使用 CSS 設(shè)置字體 ```css font-family: 'Noto Sans SC'; ```