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 |
不過為了照顧不同電腦的字型安裝問題，我們儘量只使用宋體和微軟雅黑中文字型啦