在 CSS 中使用中文字體通常直接設置字體名稱,比如設置字體為宋體:font-family:’宋體’;但因此產生的一個問題是,如果 CSS 編碼有誤,會導致頁面加載后 CSS 中的中文字體亂碼,請看下圖所示:
通常會采用對中文字體進行 Unicode 編碼的方式來解決這個危險的問題。比如字符“宋體”經過 Unicode 編碼后為 “5b8b4f53″。以淘寶為例:font:12px/1.5 tahoma,arial,5b8b4f53; 預選的中文字體是編碼后的宋體。
有一種快速獲得字體 Unicode 編碼的方法,如果你使用火狐的 Firebug 插件,直接在控制臺中輸入 escape(‘黑體’),就可以得到黑體的 Unicode 編碼,但需要經過處理才可以使用到 CSS 文件中來,請看下圖所示:
于此獲得到了 “%u9ED1%u4F53″,將其改寫為 “9ED14F53″ 即可寫入 CSS 文件。
這樣或許還是有些小麻煩,那也沒關系,芒果這里有一份比較完整的表格,自己查吧。
中文名 | Unicode |
---|---|
新細明體 | 65B07EC6660E4F53 |
細明體 | 7EC6660E4F53 |
標楷體 | 680769774F53 |
黑體 | 9ED14F53 |
宋體 | 5B8B4F53 |
新宋體 | 65B05B8B4F53 |
仿宋 | 4EFF5B8B |
楷體 | 69774F53 |
仿宋_GB2312 | 4EFF5B8B_GB2312 |
楷體_GB2312 | 69774F53_GB2312 |
微軟正黑體 | 5FAEx8F6F6B639ED14F53 |
微軟雅黑 | 5FAE8F6F96C59ED1 |
原文:http://www.mangguo.org/css-chinese-font-unicode-encode-solution/