css中font-family的中文字型

標籤：

說到css中的font-family，相信很多朋友經常用，但不知道當你遇到引用中文字型的時候你會怎麼寫？
最近特別關注了下，發現最常用的基本有三種類型：

• 1、直接中文；
• 2、英文形式；
• 3、unicode碼；

前面兩種形式很好理解，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

上表中標*為常用字型

css中font-family的中文字型