對於一個從事網頁設計（也常說成DIV+CSS）的朋友來說，可能會遇到過這樣的問題，就是在CSS里像這樣設置某對象的字體：font-family:1.5em/1.75,’黑體’,Arial; 結果有些時候不起作用，用Firebug來查看才發現瀏覽器解釋這個代碼的時候，出現亂碼了，所以不起作用。
那怎么解決這個亂碼問題呢，由於CSS文件基本都是UTF-8的編碼模式，所以我們可以把中文字體的名稱用相應的Unicode編碼來代替，這樣就可以有效的避免瀏覽器解釋CSS代碼時候出現亂碼的問題。比如中文字體“宋體”經過Unicode編碼后為“\5b8b\4f53″，在CSS中就可以這樣寫：font-family:’ \5b8b\4f53’;
為了方便需要的朋友快速使用，下表中列出了一些常用中文字體的Unicode編碼：
- 黑體 \9ED1\4F53
- 宋體 \5B8B\4F53
- 楷體 \6977\4F53
- 微軟雅黑 \5FAE\8F6F\96C5\9ED1
如果在你“DIV+CSS”的過程中，還需要用到一些表中沒有的字體的話，可以借助Firefox的插件Firebug來查詢所需中文字體對應的 Unicode編碼，方法很簡單，就是打開Firefox，然后打開Firebug，在“控制台”里底部“>>>”的后面像這樣輸入 “escape(‘黑體’)”，然后會顯示一個錯誤信息，*** is not defined 前面的部分就是中文字體“黑體”對應的Unicode編碼“\9ED1\4F53”，注意命令符里的符號都是英文符號，否則可能會出錯。如圖：
巧用Firebug查詢中文字體的Unicode編碼（Firefox 4.0，Firebug 1.7.0）
另外，在設置字體時候最好把英文字體寫在前面，不然可能網頁里所有的英文字體和數字都變成“宋體”或者別的字體去了，那樣看起來比較不美觀。例 如：font-family:’ \5B8B\4F53’,Arial;最好像這樣寫：font-family:Arial,’ \5B8B\4F53’;