例如,我們使用以下的字體設置(先別管合理不合理)
font-family:Verdana,Tahoma,Arial,5b8b4f53(宋體),sans-serif
讓后分別放在IE6、IE7、IE8、Firefox、chrome等主流瀏覽器中測試,發現在IE7和IE8瀏覽器中顯示英文和數字時字體有區別(見下圖)


“Aisleep”和“88”感覺上面有明顯的鋸齒而下面的感覺粗厚平滑一些。
大家知道,這是因為IE7/IE8瀏覽器中[屬性] > [高級]選項卡 > [多媒體]有一個ClearType(
增強屏幕字體)屬性,默認是被選中的原因(見下圖)。

如果把這個選項去掉勾,那IE7/IE8瀏覽器顯示的字體就和其它瀏覽器統一了。反之,通過Windows控制面板 > ClearType Tuning 啟用ClearType(見下圖)
對于操作系統控制面板沒有ClearType Tuning選項的可以通過以下方式實現:
1. 單擊[開始],單擊[控制面板],單擊[外觀和主題], 然后單擊[顯示]。
2. 在[外觀]選項卡上,單擊[效果]。
3. 單擊選中[使用下列方式使屏幕字體的邊緣平滑]復選框,然后單擊該列表中的 ClearType[清晰]。

那以其它瀏覽器顯示的字體就會和IE7/IE8統一了。(注:據我調查大多數XP操作系統默認為“標準”)
接下來會看到一些測試和整理,目的只是為了解字體在不同設置下的特性。這里不會有什么字體的推薦設置,因為我認為字體的設置和你所做項目的具體情況有關,沒有什么設置是最好的,只要清楚字體在不同設置下的特性才能在以后的應用中得心應手。
測試:12px和14px的字體大小是中文網頁中最常見的;字體family:黑體,宋體,sans-serif,Verdana,Tahoma,Arial,Helvetica(沒用雅黑字體,雅黑字體在Vista以后的操作系統才有,但根據網站數據統計80%都是XP操作系統,目前兼容性會是個問題);文字加粗容易分辨區別,瀏覽器:IE6/IE7/IE8/Firefox3.6/Chrome4.0。

新聞熱點
疑難解答