2022-07-01 分類: 網站建設
先來看幾個大的電商網站字體設置:
淘寶網
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;
小米官網
font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,
"Microsoft Yahei","Hiragino Sans GB","Heiti SC",
"WenQuanYi Micro Hei",sans-serif;
注: Hiragino Sans GB一種簡繁結合的字體樣式
這里沒有列出查看的所有平臺,通過總結,有以下幾個共同點:
1.大部分font-family設置都以"sans-serif"、"serif"結束;
淘寶京東等網站都以"sans-serif"結束字體設置,根據w3c中描述
有兩種類型的字體系列名稱:
- 指定的系列名稱:具體字體的名稱,比如:"times"、"courier"、"arial"。
- 通常字體系列名稱:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示:使用逗號分割每個值,并始終提供一個類族名稱作為最后的選擇。
sans-serif(無襯線字體)和serif(襯線字體)
2.常用英文字體有:arial,tohama,常用中文字體有
:宋體、微軟雅黑、Hiragino Sans GB
注:淘寶網和京東使用unicode編碼"\\5b8b\4f53"(宋體)是在一些
情況下直接寫中文字體名稱會編譯不出來,所以直接使用unicode編寫格式。
arial&tohama&verdana字體比較
字體大小為12px時:
Arial 字體的樣式 ZITIdeyangshi 123456789Tahoma 字體的樣式 ZITIdeyangshi 123456789
Verdana 字體的樣式 ZITIdeyangshi 123456789
字體大小為18px時:
Arial 字體的樣式 ZITIdeyangshi 123456789
Tahoma 字體的樣式 ZITIdeyangshi 123456789
Verdana 字體的樣式 ZITIdeyangshi 123456789
通過以上對比,看出兩個特點:
● Arial和Tahoma的大寫i,Tahoma更容易識別
● Verdana的字間距比其他兩個稍微大一些
3.關于字體的一些總結
①font-family默認采用Tahoma. Tahoma是英文Windows操作系統的默認字體,
這個字體比較均衡,顯示中英文混排很不錯,是經久耐看的一款字體。
②Mac OS X系統有一款比Tahoma更典雅的系統默認字體:Helvetica,
非Mac系統的Helvetica字體都是Rip版。
③Arial是早期Windows英文系統的默認字體,XP和Vista上都是Tahoma。
④最后的sans-serif是針對強悍的Linux DIY族。Linux默認只有kernel,
字體完全由用戶自定義,針對這部分用戶,sans-serif可能能派上用場。
⑤最后,無論在XP還是Vista下,不指定網頁的中文字體時,默認就是宋體。
注:css字體樣式級別 > 瀏覽器字體樣式級別
注:如果不設置默認中文字體,那么用戶手動修改流量器的
默認字體設置時就會改變頁面的字體樣式,有利有弊,視具體情況自行選擇。
分享名稱:關于font-family的用法
分享網址:http://m.newbst.com/news4/173654.html
成都網站建設公司_創新互聯,為您提供微信公眾號、品牌網站建設、網站內鏈、定制開發、營銷型網站建設、網站導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容