在網站中,都不可避免的要用到一些中文字型,比如宋體,微軟雅黑,黑體等,在css中寫入中文的方法一般是: font-family:"微軟雅黑","黑體";這樣類似的表達方式。
css樣式檔案也區分檔案編碼(從視覺上看gb2312、UTF-8 這2種編碼的檔案,gb2312編碼的樣式檔案程式碼與行之 間的行距比較密集,看上去比較淩亂!)。
因此css中指定font-family屬性為黑體、幼圓、微軟雅黑等中文字型可能會因為編碼問題導致中文字型無法按照希望 的字型表形出來!如果 CSS 編碼有誤,會導致頁面載入後 CSS 中的中文字型亂碼!
所以我們推薦通過英文、unicode 這種形式來表達中文字型,比如說剛才的 font-family:"宋體","微軟雅黑","黑體";就 可以寫成 font-family:"SimSun","Microsoft Yahei","SimHei";在Firefox 的某些版本和 Opera 不支援 SimHei的寫法,採用 font-family:5FAE8F6F96C59ED1;unicode寫法。
下面介紹一種中文字型轉Unicode編碼的方法:
如果你使用chrome或firefox調試外掛程式,直接在console控制台中輸入 escape('宋體'),可返回一串字串:"%u5B8B%u4F53" 將其改寫為 “5B8B4F53″ ,這就是宋體的 Unicode 編碼 啦!
同理,Unicode 編碼轉成中文字型方法,如:“5B8B4F53″
先將“5B8B4F53″改寫成"%u5B8B%u4F53",再用unescape('%u5B8B%u4F53')即可查看到Unicode 編碼對應的中文字型!
這樣或許嫌麻煩,那也沒關係,這裡有一份比較完整的中英文及unicode的對應表格:
| 中文名 |
英文名 |
Unicode |
| 新細明體 |
PMingLiU |
65B07EC6660E4F53 |
| 細明體 |
MingLiU |
7EC6660E4F53 |
| 標楷體 |
DFKai-SB |
680769774F53 |
| 黑體 |
SimHei |
9ED14F53 |
| 宋體 |
SimSun |
5B8B4F53 |
| 新宋體 |
NSimSun |
65B05B8B4F53 |
| 仿宋 |
FangSong |
4EFF5B8B |
| 楷體 |
KaiTi |
69774F53 |
| 仿宋_GB2312 |
FangSong_GB2312 |
4EFF5B8B_GB2312 |
| 楷體_GB2312 |
KaiTi_GB2312 |
69774F53_GB2312 |
| 微軟正黑體 |
Microsoft JhengHei |
5FAEx8F6F6B639ED14F53 |
| 微軟雅黑 |
Microsoft YaHei |
5FAE8F6F96C59ED1 |