css中font-family的中文字型
阿新 • • 發佈：2019-02-04
說到css中的font-family，相信很多朋友經常用，但不知道當你遇到引用中文字型的時候你會怎麼寫？
最近特別關注了下，發現最常用的基本有三種類型：
介紹完方案，再談下使用。之前在看玉伯寫的一篇文章《中文字型在 CSS 中的寫法》 中提到：font-family中用到的宋體，“用 unicode 表示，不用 SimSun, 是因為 Firefox 的某些版本和 Opera 不支援 SimSun 的寫法”。我在網上搜索了下相關內容，大多都是摘抄這篇文章，並沒有提到具體哪個版本的Firefox和Opera會不支援英文的寫法。
對比下，三種方法各有優缺點：中文形式的方便記憶，但在不支援中文的系統或者編碼的頁面則無法正常顯示；英文形式的相容了系統和編碼的問題，但不方便記憶，又可能有潛在的風險；unicode碼相容行最好，但也存在記憶難的問題。
綜合權衡下，在效能和安全第一的條件下，還是推薦使用unicode碼。如果不是太嚴格的情況下，可以選擇其他兩種。
下面整理下常用的各種字型的不同顯示形式，方便使用的時候查詢：
中文名英文名Unicode
Windows
* 宋體SimSun\5B8B\4F53
* 黑體SimHei\9ED1\4F53
* 微軟雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
微軟正黑體Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53
新宋體NSimSun\65B0\5B8B\4F53
新細明體PMingLiU\65B0\7EC6\660E\4F53
細明體MingLiU\7EC6\660E\4F53
標楷體DFKai-SB\6807\6977\4F53
仿宋FangSong\4EFF\5B8B
楷體KaiTi\6977\4F53
仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312
楷體_GB2312KaiTi_GB2312\6977\4F53_GB2312
Mac OS
* 華文細黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1
* 華文黑體STHeiti\534E\6587\9ED1\4F53
華文楷體STKaiti\534E\6587\6977\4F53
華文宋體STSong\534E\6587\5B8B\4F53
華文仿宋STFangsong\534E\6587\4EFF\5B8B
麗黑 ProLiHei Pro Medium\4E3D\9ED1 Pro
麗宋 ProLiSong Pro Light\4E3D\5B8B Pro
標楷體BiauKai\6807\6977\4F53
蘋果麗中黑Apple LiGothic Medium\82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋Apple LiSung Light\82F9\679C\4E3D\7EC6\5B8B上表中標*為常用字型
最近特別關注了下，發現最常用的基本有三種類型：
- 直接中文；
- 英文形式；
- unicode碼；
Unicode（統一碼、萬國碼、單一碼）是一種在計算機上使用的字元編碼。它為每種語言中的每個字元設定了統一併且唯一的二進位制編碼，以滿足跨語言、跨平臺進行文字轉換、處理的要求。更多內容請檢視百度百科對Unicode的介紹。
介紹完方案，再談下使用。之前在看玉伯寫的一篇文章《中文字型在 CSS 中的寫法》 中提到：font-family中用到的宋體，“用 unicode 表示，不用 SimSun, 是因為 Firefox 的某些版本和 Opera 不支援 SimSun 的寫法”。我在網上搜索了下相關內容，大多都是摘抄這篇文章，並沒有提到具體哪個版本的Firefox和Opera會不支援英文的寫法。
對比下，三種方法各有優缺點：中文形式的方便記憶，但在不支援中文的系統或者編碼的頁面則無法正常顯示；英文形式的相容了系統和編碼的問題，但不方便記憶，又可能有潛在的風險；unicode碼相容行最好，但也存在記憶難的問題。
綜合權衡下，在效能和安全第一的條件下，還是推薦使用unicode碼。如果不是太嚴格的情況下，可以選擇其他兩種。
下面整理下常用的各種字型的不同顯示形式，方便使用的時候查詢：
中文名英文名Unicode
Windows
* 宋體SimSun\5B8B\4F53
* 黑體SimHei\9ED1\4F53
* 微軟雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
微軟正黑體Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53
新宋體NSimSun\65B0\5B8B\4F53
新細明體PMingLiU\65B0\7EC6\660E\4F53
細明體MingLiU\7EC6\660E\4F53
標楷體DFKai-SB\6807\6977\4F53
仿宋FangSong\4EFF\5B8B
楷體KaiTi\6977\4F53
仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312
楷體_GB2312KaiTi_GB2312\6977\4F53_GB2312
Mac OS
* 華文細黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1
* 華文黑體STHeiti\534E\6587\9ED1\4F53
華文楷體STKaiti\534E\6587\6977\4F53
華文宋體STSong\534E\6587\5B8B\4F53
華文仿宋STFangsong\534E\6587\4EFF\5B8B
麗黑 ProLiHei Pro Medium\4E3D\9ED1 Pro
麗宋 ProLiSong Pro Light\4E3D\5B8B Pro
標楷體BiauKai\6807\6977\4F53
蘋果麗中黑Apple LiGothic Medium\82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋Apple LiSung Light\82F9\679C\4E3D\7EC6\5B8B上表中標*為常用字型