在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:常見問題