CSS字型無法設定成功的問題
阿新 • • 發佈:2018-12-30
在 CSS 中設定字型名稱,直接寫中文是可以的。但是在檔案編碼(GB2312、UTF-8 等)不匹配時會產生亂碼的錯誤。xp 系統不支援 類似微軟雅黑的中文。
方案一: 你可以使用英文來替代。 比如 font-family:"Microsoft Yahei"。
方案二: 在 CSS 直接使用 Unicode 編碼來寫字型名稱可以避免這些錯誤。使用 Unicode 寫中文字型名稱,瀏覽器是可以正確的解析的。
font-family: "\5FAE\8F6F\96C5\9ED1",表示設定字型為“微軟雅黑”。
字型名稱 |
英文名稱 |
Unicode |
宋體 |
SimSun |
\5B8B\4F53 |
新宋體 |
NSimSun |
\65B0\5B8B\4F53 |
黑體 |
SimHei |
\9ED1\4F53 |
微軟雅黑 |
Microsoft YaHei |
\5FAE\8F6F\96C5\9ED1 |
楷體_GB2312 |
KaiTi_GB2312 |
\6977\4F53_GB2312 |
隸書 |
LiSu |
\96B6\4E66 |
幼園 |
YouYuan |
\5E7C\5706 |
華文細黑 |
STXihei |
\534E\6587\7EC6\9ED1 |
細明體 |
MingLiU |
\7EC6\660E\4F53 |
新細明體 |
PMingLiU |
\65B0\7EC6\660E\4F53 |
不過為了照顧不同電腦的字型安裝問題,我們儘量只使用宋體和微軟雅黑中文字型啦