css設定中文字型簡單介紹

antzone發表於2017-04-09

本章節列舉一下常見的中文字型,感興趣的可以做一下參考。

先看一個簡單的程式碼:

[CSS] 純文字檢視 複製程式碼
.selector{ font-family:"Microsoft YaHei",微軟雅黑,"MicrosoftJhengHei",華文細黑,STHeiti,MingLiu }

加上中文名“微軟雅黑”是為了相容opera。MicrosoftJhengHei為微軟正黑體,STHeiti為華文黑體,MingLiu記得11px下的中文有著不凡的效果。

在css中推薦使用中文字型的英文表示法,以下附常見中文字型的英文名:

Mac OS常見的:

[CSS] 純文字檢視 複製程式碼
華文細黑:STHeiti Light [STXihei]
華文黑體:STHeiti
華文楷體:STKaiti
華文宋體:STSong
華文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light

Windows常見的:

[CSS] 純文字檢視 複製程式碼
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑體:SimHei
宋體:SimSun
新宋體:NSimSun
仿宋:FangSong
楷體:KaiTi
仿宋_GB2312:FangSong_GB2312
楷體_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微軟雅黑體:Microsoft YaHei

相關文章