人氣 63546°c

CSS常用中文字體與英文名稱比對

在CSS 文檔中,我們常常會加入font / font-family 使文字的字體統一標準。
例如︰

font:Tahoma,Helvetica,Arial,"SimSun",sans-serif;

font-family:"微軟雅黑","Microsoft YaHei","宋體",Arial,"微軟正黑體","Microsoft JhengHei";

但在繁體中文系統或簡體中文系統中,與加入中文字體名稱,會出現亂碼的可能,

所以我們盡量使用英文字體的名字比較好一些。

CSS 常用的字體名稱︰

Mac OS:

華文細黑:STHeiti Light [STXihei]
華文黑體:STHeiti
華文楷體:STKaiti
華文宋體:STSong
華文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light

Windows:

新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑體:SimHei
宋體:SimSun
新宋體:NSimSun
仿宋:FangSong
楷體:KaiTi
仿宋_GB2312:FangSong_GB2312
楷體_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微軟雅黑體:Microsoft YaHei

Office:

隸書:LiSu
幼圓:YouYuan
華文細黑:STXihei
華文楷體:STKaiti
華文宋體:STSong
華文中宋:STZhongsong
華文仿宋:STFangsong
方正舒體:FZShuTi
方正姚體:FZYaoti
華文彩雲:STCaiyun
華文琥珀:STHupo
華文隸書:STLiti
華文行楷:STXingkai
華文新魏:STXinwei

Google Fonts:

思源黑體(繁):Noto Sans TC
思源宋體(繁):Noto Sans SC

思源黑體(簡):Source Han Sans CN
思源宋體(簡):Source Han Serif SC

01. cwTeXKai (Chinese Traditional) 楷體
@import url(//fonts.googleapis.com/earlyaccess/cwtexkai.css);
font-family: "cwTeXKai", serif;

02. cwTeXYen (Chinese Traditional) 圓體
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
font-family: "cwTeXYen", sans-serif;

03. cwTeXFangSong (Chinese Traditional) 仿宋體
@import url(//fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
font-family: "cwTeXFangSong", serif;

04. cwTeXHei (Chinese Traditional) 黑體
@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);
font-family: "cwTeXHei", sans-serif;

05. cwTeXMing (Chinese Traditional) 明體
@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);
font-family: "cwTeXMing", serif;

06. Noto Sans TC (Chinese Traditional) 思源黑體
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
font-family: "Noto Sans TC", sans-serif;

Google Fonts:主頁

Google Fonts:常見問題

相關文章:
1. 網頁加上Google Fonts及Noto字型(字體)
2. 以諾天使文字+瑪拉基姆文+魔法文字型(字體)
3. 思源黑體和思源宋體(思源明體)
4. 微軟正黑體.正黑體粗體.雅黑體.明瞭體.Malgun Gothic-新字型
5. 無版權可商用免費字型(字體)
標籤: