常見字體的中英文對應

Font-family:SimSun,"宋體"

Font-family:"Microsoft YaHei","微軟雅黑"

Font-family: STXihei, “華文細黑”

CSS中5個基本字體分類

serif, sans-serif, monospace, cursive, fantasy.

serif 襯線字體，如Big Caslon,宋體

sans-serif 非襯線字體，如Helvetica,黑體,微軟雅黑

monospace 等寬字體，如 Menlo

cursive 手寫體，如 Comic Sans MS

fantasy 幻想體，如 Bodoni Ornaments

不同系統對字體的支持

Arial (Mac&Win)

SimSun 宋體 (WinXP)

Linux

文泉驛微米黑 (Linux)

Win

黑體：SimHei

宋體：SimSun

新宋體：NSimSun

仿宋：FangSong

楷體：KaiTi

仿宋GB2312：FangSongGB2312

楷體GB2312：KaiTiGB2312

微軟雅黑：Microsoft YaHei (Windows 7開始提供)

Mac

冬青黑體: Hiragino Sans GB (SNOW LEOPARD開始提供)

華文細黑：STHeiti Light (又名STXihei)

華文黑體：STHeiti

華文楷體：STKaiti

華文宋體：STSong

華文仿宋：STFangsong

Android

Droid Sans 安卓系統默認字體，無襯線字體

Droid Sans Fallback 包含漢字，日文假名，韓文的文字擴展支持

字體設置注意

為了兼容中英文系統，在設置中文字體時，需要同時聲明中文字體的字體名稱(英文)和顯示名稱(中文)

因為中文字體中包含的英文字母(基本都很丑)，而英文字體中不包含中文字體，所以不要忘記聲明英文字體，并且英文字體應該在中文字體之前

建議中文字體名稱使用雙引號，英文字體名稱如果是兩個單詞也要使用雙引號

在最后記得設置個系統默認字體(英文字體族的名稱),如sans-serif或serif,對于中文這兩種字體族差異不大

Windows XP沒有預裝微軟雅黑，這時可以選擇黑體(Simhei)替代。不過，黑體比較粗，不應用于字號較小的文字。

不少 Windows 用戶因為各種原因關閉了 ClearType，在此情形下微軟雅黑將會慘不忍睹！但是 Mac 的字體也不是好的選擇，真正的勝出者？猜對了，宋體

『萬無一失』的方案

利用UA判斷為不同的同臺加載不一樣的字體聲明；

除非有特別的原因，否則盡量保持正文用宋體，標題和其他可以放大些的地方用微軟雅黑(針對 Windows)；

Mac 下的冬青體效果極佳，但是該字體在 Mac OS X 10.6 以前是沒有的，所以謹慎考慮你的用戶群體，或者使用華文黑體系列做 fallback；

推薦的幾中字體設置

"Hiragino Sans GB","華文細黑","STHeiti","微軟雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif

Helvetica, Tahoma, Arial, STXihei, “華文細黑”, “Microsoft YaHei”, “微軟雅黑”, SimSun, “宋體”, Heiti, “黑體”, sans-serif

"文泉驛微米黑","華文細黑","STHeiti","微軟雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif

不同系統語言下字體設置

[lang="ja"] body{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","MS Gothic","ＭＳ ゴシック","Helvetica Neue",Helvetica,Arial,sans-serif !important}

[lang="ko"] body{font-family:"?? ??","Nanum Gothic","?? ??","Malgun Gothic","Apple Gothic","??",Dotum,"Helvetica Neue",Helvetica,Arial,sans-serif !important}

[lang^="zh"] body{font-family:"Hiragino Sans GB","華文細黑","STHeiti","微軟雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif !important}

[lang^="ru"] body,[lang="el"] body,[lang="th"] body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important}

[lang="ko"] body{word-break:keep-all}

成就微軟雅黑的關鍵技術：ClearType和Hinting

ClearType技術是Window系統中的熒幕字體平滑工具，能夠改善屏幕顯示上的文本顯示效果

hinting微調過后的字體才能使用ClearType技術。

參考：

總結

以上是生活随笔為你收集整理的html字体兼容写法,字体兼容写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。