關(guān)于font-family的用法

2022-07-01 分類：網(wǎng)站建設(shè)

先來看幾個大的電商網(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é)合的字體樣式

這里沒有列出查看的所有平臺，通過總結(jié)，有以下幾個共同點：

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"
提示：使用逗號分割每個值，并始終提供一個類族名稱作為最后的選擇。

sans-serif(無襯線字體)和serif(襯線字體)

2.常用英文字體有：arial,tohama，常用中文字體有
：宋體、微軟雅黑、Hiragino Sans GB

注：淘寶網(wǎng)和京東使用unicode編碼"\\5b8b\4f53"（宋體）是在一些
情況下直接寫中文字體名稱會編譯不出來，所以直接使用unicode編寫格式。

arial&tohama&verdana字體比較

字體大小為12px時：

Arial 字體的樣式 ZITIdeyangshi 123456789
Tahoma 字體的樣式 ZITIdeyangshi 123456789
Verdana 字體的樣式 ZITIdeyangshi 123456789

字體大小為18px時：

Arial 字體的樣式 ZITIdeyangshi 123456789
Tahoma 字體的樣式 ZITIdeyangshi 123456789
Verdana 字體的樣式 ZITIdeyangshi 123456789

通過以上對比，看出兩個特點：

● Arial和Tahoma的大寫i,Tahoma更容易識別
● Verdana的字間距比其他兩個稍微大一些

3.關(guān)于字體的一些總結(jié)

①font-family默認采用Tahoma. Tahoma是英文Windows操作系統(tǒng)的默認字體，
這個字體比較均衡，顯示中英文混排很不錯，是經(jīng)久耐看的一款字體。

②Mac OS X系統(tǒng)有一款比Tahoma更典雅的系統(tǒng)默認字體：Helvetica，
非Mac系統(tǒng)的Helvetica字體都是Rip版。

③Arial是早期Windows英文系統(tǒng)的默認字體，XP和Vista上都是Tahoma。

④最后的sans-serif是針對強悍的Linux DIY族。Linux默認只有kernel，
字體完全由用戶自定義，針對這部分用戶，sans-serif可能能派上用場。

⑤最后，無論在XP還是Vista下，不指定網(wǎng)頁的中文字體時，默認就是宋體。

注：css字體樣式級別 > 瀏覽器字體樣式級別

注:如果不設(shè)置默認中文字體，那么用戶手動修改流量器的
默認字體設(shè)置時就會改變頁面的字體樣式，有利有弊，視具體情況自行選擇。

分享名稱：關(guān)于font-family的用法
分享網(wǎng)址：http://www.bm7419.com/news4/173654.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、定制開發(fā)、營銷型網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容