驚！網(wǎng)頁字體設置你真的了解嗎？

以前做項目的時候就依葫蘆畫瓢的設置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等類似的字體，然而當更多的設備和系統(tǒng)出現(xiàn)后，以前這樣的設置已不能滿足網(wǎng)頁在各設備上的顯示需求。

就拿最簡單的宋體(simsun)來說吧，在Windows系統(tǒng)下顯示是一個比較容易閱讀的字體，然而在Mac上簡直無法直視，如下圖給出一個優(yōu)化前后頁面的對比效果：

因此，出于種種原因，促使我不得不去對字體做一個相應的了解。

對于網(wǎng)站字體設置，本文給出以下意見：

移動端項目：

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;

pc端(含Mac)項目：

font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans GB”,Simsun,sans-self;

移動和pc端項目：

font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

首先說說字體的種類，字體分為五大種類，然而各設備的支持情況也個不相同，如，

各移動設備系統(tǒng)支持情況：

當然目前這只是移動設備各系統(tǒng)的支持情況，然而pc端個瀏覽器的支持情況也各不相同，如：

下面介紹下個系統(tǒng)的默認字體和常用字體：

參考資料：iOS6字體列表、iOS7字體列表、Mac OS X  10.6字體列表、Mac OS X 10.7字體列表 等，在看了一些資料之后，對系統(tǒng)和瀏覽器下的字體就有了一個基本的認識。

有很多同學看到上面這些表格里面的結論，可能就會想到：可以只設置西文字體不設置中文字體。

只設置西文字體不設置中文字體是否可以？答案當然是不可以。因為上面這些系統(tǒng)和瀏覽器的默認字體也僅僅是是一個理想狀態(tài)下的設置，這些默認字體僅限于瀏覽器或系統(tǒng)最初的默認字體。現(xiàn)在的手機都支持字體更換，對于瀏覽器而已也是如此，現(xiàn)在的瀏覽器都支持用戶自己設置字體。因此，只設置西文字體而忽略中文字體設置是存在一定的危險性的。

對于現(xiàn)在Adroid系統(tǒng)的各種字體app，如：字體管家、字體管理等。如果用戶自己下載相關的app字體軟件將字體改掉，這種情況下，我們該如何處置？

如果用戶將默認的系統(tǒng)字替換掉，那我們就只能用其他的中文字體來代替現(xiàn)實，然而就目前而言，移動端的中文字體非常少（幾乎是唯一性），因此，本人還沒有找到相應的解決辦法，后期找到方法再分享出來。