先來(lái)看幾個(gè)大的電商網(wǎng)站字體設(shè)置：
淘寶網(wǎng)
font: 12px/1.5 tahoma,arial,’Hiragino Sans GB’,
’\5b8b\4f53’,sans-serif;
京東
font: 12px/1.5 Microsoft YaHei,tahoma,arial,
Hiragino Sans GB,\\5b8b\4f53,sans-serif;
新浪微博
font: 12px/1.3 ’Arial’,’Microsoft YaHei’;
知乎
font-family: ’Helvetica Neue’,Helvetica,’PingFang SC’,
’Hiragino Sans GB’,’Microsoft YaHei’,Arial,sans-serif;
小米官網(wǎng)
font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,
"Microsoft Yahei","Hiragino Sans GB","Heiti SC",
"WenQuanYi Micro Hei",sans-serif;
注： Hiragino Sans GB一種簡(jiǎn)繁結(jié)合的字體樣式
這里沒(méi)有列出查看的所有平臺(tái)，通過(guò)總結(jié)，有以下幾個(gè)共同點(diǎn)：
1.大部分font-family設(shè)置都以"sans-serif"、"serif"結(jié)束；
淘寶京東等網(wǎng)站都以"sans-serif"結(jié)束字體設(shè)置，根據(jù)w3c中描述
有兩種類型的字體系列名稱：
- 指定的系列名稱：具體字體的名稱，比如："times"、"courier"、"arial"。
- 通常字體系列名稱：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示：使用逗號(hào)分割每個(gè)值，并始終提供一個(gè)類族名稱作為最后的選擇。
sans-serif(無(wú)襯線字體)和serif(襯線字體)
2.常用英文字體有：arial,tohama，常用中文字體有
：宋體、微軟雅黑、Hiragino Sans GB
注：淘寶網(wǎng)和京東使用unicode編碼"\\5b8b\4f53"（宋體）是在一些
情況下直接寫中文字體名稱會(huì)編譯不出來(lái)，所以直接使用unicode編寫格式。
arial&tohama&verdana字體比較
字體大小為12px時(shí)：
Arial 字體的樣式 ZITIdeyangshi 123456789Tahoma 字體的樣式 ZITIdeyangshi 123456789
Verdana 字體的樣式 ZITIdeyangshi 123456789
字體大小為18px時(shí)：
Arial 字體的樣式 ZITIdeyangshi 123456789
Tahoma 字體的樣式 ZITIdeyangshi 123456789
Verdana 字體的樣式 ZITIdeyangshi 123456789
通過(guò)以上對(duì)比，看出兩個(gè)特點(diǎn)：
● Arial和Tahoma的大寫i,Tahoma更容易識(shí)別
● Verdana的字間距比其他兩個(gè)稍微大一些
3.關(guān)于字體的一些總結(jié)
①font-family默認(rèn)采用Tahoma. Tahoma是英文Windows操作系統(tǒng)的默認(rèn)字體，
這個(gè)字體比較均衡，顯示中英文混排很不錯(cuò)，是經(jīng)久耐看的一款字體。
②Mac OS X系統(tǒng)有一款比Tahoma更典雅的系統(tǒng)默認(rèn)字體：Helvetica，
非Mac系統(tǒng)的Helvetica字體都是Rip版。
③Arial是早期Windows英文系統(tǒng)的默認(rèn)字體，XP和Vista上都是Tahoma。
④最后的sans-serif是針對(duì)強(qiáng)悍的Linux DIY族。Linux默認(rèn)只有kernel，
字體完全由用戶自定義，針對(duì)這部分用戶，sans-serif可能能派上用場(chǎng)。
⑤最后，無(wú)論在XP還是Vista下，不指定網(wǎng)頁(yè)的中文字體時(shí)，默認(rèn)就是宋體。
注：css字體樣式級(jí)別 > 瀏覽器字體樣式級(jí)別
注:如果不設(shè)置默認(rèn)中文字體，那么用戶手動(dòng)修改流量器的
默認(rèn)字體設(shè)置時(shí)就會(huì)改變頁(yè)面的字體樣式，有利有弊，視具體情況自行選擇。
【 微信掃一掃 】
