中文字型Web開發規範
特殊字型的處理方式
設計稿的處理中，有些字型只有設計師有，需要前端拓展了系統字型檔才能顯示正確的效果。
對於前端頁面使用的使用者，可能系統中沒有這些字型，因此無法完全展現正確的效果。
解決方案
1.使用系統自帶字型
字型是有版權的，比如微軟雅黑，方正給微軟的的授權是有限授權，即只可以在Windows上使用。即文字內容，在Windows上呼叫微軟雅黑的形式顯示沒問題，但是如果把這個內容製作成圖片，比如logo，就構成了侵權——未經授權使用方正的雅黑字型。
使用者系統中自帶的字型，不需要任何特殊支援的，這類也被成為web安全字型。這部分設計師可以放心採用。但是一個專案中的正文也是建議控制在一種常規字型，建議body裡定義預設正文字型列表，而不是每個部分都需要單獨檢視字型定義字型。
作業系統的預裝字型
Windows作業系統
黑體：SimHei
宋體：SimSun
新宋體：NSimSun
仿宋：FangSong
楷體：KaiTi
仿宋GB2312：FangSongGB2312
楷體GB2312：KaiTiGB2312
微軟雅黑：Microsoft YaHei （Windows 7開始提供）
OS X作業系統
華文細黑：STHeiti Light （又名STXihei）
華文黑體：STHeiti
華文楷體：STKaiti
華文宋體：STSong
華文仿宋：STFangsong
蘋方：PingFang
如果使用者安裝了MicroSoft Office，則會多出以下字型：
隸書：LiSu
幼圓：YouYuan
華文細黑：STXihei
華文楷體：STKaiti
華文宋體：STSong
華文中宋：STZhongsong
華文仿宋：STFangsong
方正舒體：FZShuTi
方正姚體：FZYaoti
華文彩雲：STCaiyun
華文琥珀：STHupo
華文隸書：STLiti
華文行楷：STXingkai
華文新魏：STXinwei
CSS
約定了五種都會支援的字型，另外不同系統也會支援不同的字型.
serif
sans-serif
cursive
fantasy
monospace
Windows平臺和Mac平臺
Windows和Mac的中文字型沒有交叉，因此應該同時為兩個平臺指定字型。
常見的做法，Windows平臺指定微軟雅黑，Mac平臺指定華文細黑。
前端語法
font-family屬性是多種字型的名稱，作為一個"應變"制度，以確保瀏覽器/作業系統之間的最大相容性。如果瀏覽器不支援的第一個字型，它嘗試下一個的字型。你想要的字型型別如果瀏覽器找不到，它會從通用的字型型別中找到與你相似的.程式碼語法如下:
body{font-family:PingFang SC,Source Sans Pro,Hiragino Sans GB,Helvetica Neue,Helvetica,Microsoft Yahei,arial,sans-serif;}
參考資料：
- 中文字型網頁開發指南，阮一峰
- web字型規範，RobinsonZhang