以前做項目的時(shí)候就依葫蘆畫(huà)瓢的設置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等類(lèi)似的字體，然而當更多的設備和系統出現后，以前這樣的設置已不能滿(mǎn)足網(wǎng)頁(yè)在各設備上的顯示需求。
就拿最簡(jiǎn)單的宋體(simsun)來(lái)說(shuō)吧，在Windows系統下顯示是一個(gè)比較容易閱讀的字體，然而在Mac上簡(jiǎn)直無(wú)法直視，如下圖給出一個(gè)優(yōu)化前后頁(yè)面的對比效果：
因此，出于種種原因，促使我不得不去對字體做一個(gè)相應的了解。
對于網(wǎng)站字體設置，本文給出以下意見(jiàn)：
移動(dò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;
移動(dòng)和pc端項目：
font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;
首先說(shuō)說(shuō)字體的種類(lèi)，字體分為五大種類(lèi)，然而各設備的支持情況也個(gè)不相同，如，
各移動(dòng)設備系統支持情況：
五大類(lèi)字體安卓4.0IOS6.0WP8
sans-serif（無(wú)襯線(xiàn)）支持支持支持
serif（襯線(xiàn)）支持支持支持
monospace（等寬）支持支持支持
fantasy（夢(mèng)幻）不支持支持不支持
cuisive（草體）不支持不支持不支持
當然目前這只是移動(dòng)設備各系統的支持情況，然而pc端個(gè)瀏覽器的支持情況也各不相同，如：
五大類(lèi)字體IE系列ChromeFirefox
sans-serif（無(wú)襯線(xiàn)）支持不支持不支持
serif（襯線(xiàn)）支持支持支持
monospace（等寬）支持支持支持
fantasy（夢(mèng)幻）支持支持支持
cuisive（草體）不支持不支持不支持
下面介紹下個(gè)系統的默認字體和常用字體：
系統默認西文字體默認中文字體其他常用西文字體其他常用中文字體
Windows宋體宋體Tahoma、Arial、Verdana、Georgia微軟雅黑、黑體
Android 4.0以下Droid SansDroid Sans FallbackArial無(wú)宋體、無(wú)微軟雅黑
Android 4.0及以上RobotoRobotoArial無(wú)宋體、無(wú)微軟雅黑
iOSHelvetica NeueHeiti SC (黑體)Tahoma(v7.0)、Arial、Verdana、GeorgiaSTHeiti(v7.0)、無(wú)宋體、無(wú)微軟雅黑
Mac OS X 10.6以下Helvetica NeueSTHeiti (華文黑體)Tahoma、Arial、Verdana、Georgia宋體、無(wú)微軟雅黑
Mac OS X 10.6及以上Helvetica NeueHiragino Sans GB (冬青黑體簡(jiǎn)體中文)Tahoma、Arial、Verdana、Georgia宋體、無(wú)微軟雅黑
參考資料：
iOS6字體列表、
iOS7字體列表、
Mac OS X 10.6字體列表、
Mac OS X 10.7字體列表 等，在看了一些資料之后，對系統和瀏覽器下的字體就有了一個(gè)基本的認識。
有很多同學(xué)看到上面這些表格里面的結論，可能就會(huì )想到：可以只設置西文字體不設置中文字體。
只設置西文字體不設置中文字體是否可以？答案當然是不可以。因為上面這些系統和瀏覽器的默認字體也僅僅是是一個(gè)理想狀態(tài)下的設置，這些默認字體僅限于瀏覽器或系統最初的默認字體?，F在的手機都支持字體更換，對于瀏覽器而已也是如此，現在的瀏覽器都支持用戶(hù)自己設置字體。因此，只設置西文字體而忽略中文字體設置是存在一定的危險性的。
對于現在A(yíng)droid系統的各種字體app，如：字體管家、字體管理等。如果用戶(hù)自己下載相關(guān)的app字體軟件將字體改掉，這種情況下，我們該如何處置？
如果用戶(hù)將默認的系統字替換掉，那我們就只能用其他的中文字體來(lái)代替現實(shí)，然而就目前而言，移動(dòng)端的中文字體非常少（幾乎是唯一性），因此，本人還沒(méi)有找到相應的解決辦法，后期找到方法再分享出來(lái)。
本文作者：破男孩 轉載請注明來(lái)自：
攜程UED
