成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

移動和PC端網(wǎng)頁字體設置的入門知識

2014-07-17 09:06:28來源:攜程UED作者:破男孩

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

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

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

字體優(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)支持情況:

五大類字體 安卓4.0 IOS6.0 WP8
sans-serif(無襯線) 支持 支持 支持
serif(襯線) 支持 支持 支持
monospace(等寬) 支持 支持 支持
fantasy(夢幻) 不支持 支持 不支持
cuisive(草體) 不支持 不支持 不支持

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

五大類字體 IE系列 Chrome Firefox
sans-serif(無襯線) 支持 不支持 不支持
serif(襯線) 支持 支持 支持
monospace(等寬) 支持 支持 支持
fantasy(夢幻) 支持 支持 支持
cuisive(草體) 不支持 不支持 不支持

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

系統(tǒng) 默認西文字體 默認中文字體 其他常用西文字體 其他常用中文字體
Windows 宋體 宋體 Tahoma、Arial、Verdana、Georgia 微軟雅黑、黑體
Android 4.0以下 Droid Sans Droid Sans Fallback Arial 無宋體、無微軟雅黑
Android 4.0及以上 Roboto Roboto Arial 無宋體、無微軟雅黑
iOS Helvetica Neue Heiti SC (黑體) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、無宋體、無微軟雅黑
Mac OS X 10.6以下 Helvetica Neue STHeiti (華文黑體) Tahoma、Arial、Verdana、Georgia 宋體、無微軟雅黑
Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑體簡體中文) Tahoma、Arial、Verdana、Georgia 宋體、無微軟雅黑

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

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

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

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

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

關鍵詞:字體

贊助商鏈接:

主站蜘蛛池模板: 益阳市| 古丈县| 延长县| 海盐县| 沿河| 东兴市| 桓仁| 于田县| 神农架林区| 稷山县| 饶阳县| 自贡市| 抚远县| 图木舒克市| 吉安市| 明星| 会同县| 江阴市| 清河县| 延寿县| 大荔县| 肃北| 新安县| 连平县| 荔浦县| 方正县| 大城县| 抚州市| 仙居县| 锦州市| 阿合奇县| 开化县| 焉耆| 沁阳市| 台前县| 根河市| 鄢陵县| 沐川县| 上高县| 巢湖市| 营山县|