css設定中文字型簡單介紹

antzone發表於2017-04-09
CSS

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

先看一個簡單的程式碼:

[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

相關文章