#### 1. 前言 --- `font-family` 屬性用于給元素指定字體，是開發(fā)中使用非常頻繁的一個(gè)屬性 該屬性的值是一個(gè)字體系列，每個(gè)值使用逗號(hào)隔開，如果字體名名稱包含空格，那么字體名稱必須使用引號(hào)包裹，設(shè)置的字體是否可用取決于用戶機(jī)器上該字體是否可用 #### 2. 給英文，中文設(shè)置不同的字體 --- 眾所周知，`font-family` 屬性的原則是客戶端不支持前面的字體時(shí)，自動(dòng)往后查找可以使用的字體 如果想要給英文，中文設(shè)置不同的字體，可以使用一個(gè)僅支持的英文的字體（比如: Arial），再找一個(gè)支持中文的字體 如下所示: 遇到文字時(shí)，首選會(huì)嘗試使用 Arial 字體，該字體支持英文，所以遇到英文會(huì)生效，遇到中文時(shí) Arial 不支持，將自動(dòng)使用后面的 Noto Sans SC（思源黑體） 字體 ```css :root { font-family: Arial, 'Noto Sans SC'; } ``` #### 3. 思源黑體 --- 通過(guò) link 標(biāo)簽在網(wǎng)頁(yè)頭部引用 `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'; ```