CSS 中文字體 Unicode 編碼方案

在 CSS 中使用中文字體通常直接設置字體名稱,比如設置字體爲宋體:font-family:’宋體’;但因此產生的一個問題是,如果 CSS 編碼有誤,會導致頁面加載後 CSS 中的中文字體亂碼:

通常會採用對中文字體進行 Unicode 編碼的方式來解決這個危險的問題。比如字符“宋體”經過 Unicode 編碼後爲 “\5b8b\4f53″。以淘寶爲例:font:12px/1.5 tahoma,arial,\5b8b\4f53; 預選的中文字體是編碼後的宋體。

有一種快速獲得字體 Unicode 編碼的方法,如果你使用火狐的 Firebug 插件,直接在控制檯中輸入 escape(‘黑體’),就可以得到黑體的 Unicode 編碼,但需要經過處理纔可以使用到 CSS 文件中來:

於此獲得到了 “%u9ED1%u4F53″,將其改寫爲 “\9ED1\4F53″ 即可寫入 CSS 文件。

這裏有一份比較完整的表格。

新細明體 \65B0\7EC6\660E\4F53
細明體 \7EC6\660E\4F53
標楷體 \6807\6977\4F53
黑體 \9ED1\4F53
宋體 \5B8B\4F53
新宋體 \65B0\5B8B\4F53
仿宋 \4EFF\5B8B
楷體 \6977\4F53
仿宋_GB2312 \4EFF\5B8B_GB2312
楷體_GB2312 \6977\4F53_GB2312
微軟正黑體 \5FAE\x8F6F\6B63\9ED1\4F53
微軟雅黑 \5FAE\8F6F\96C5\9ED1

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章