網站建設
                                                       
                                                          收藏本站 
                                                      用戶ID/郵箱: 密 碼:
                                                      客戶中心 Customer service 您目前的位置:首 頁 > 客戶中心 > DIV+CSS 



                                                      DIV+CSS,網站建設DIV+CSS:關于font-family的用法

                                                      關于font-family的用法

                                                      先來看幾個大的電商網站字體設置:

                                                      淘寶網

                                                        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      123456789

                                                      Tahoma 字體的樣式 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字體樣式級別 > 瀏覽器字體樣式級別

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

                                                       


                                                      上一條: div里利用canvas進行一個餅形圖的繪制
                                                      下一條: 網站上線前需要準備哪些工作
                                                      相關文章
                                                      css常用屬性總結之 id和class的區別,使用類還是ID?
                                                      關于左邊固定,右邊自適應布局的響應式布局寫法
                                                      html實現 頁面禁止右鍵 禁止復制 禁止圖片拖動 禁止復制和剪切
                                                      推廣經驗分享
                                                      其它
                                                      網站建設資源
                                                      常見問題
                                                      網站知識
                                                      首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們深圳網站建設網站優化付款帳戶
                                                      COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
                                                      深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]  
                                                      公司電話:0755-89812581(8線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              极速赛车开奖APP 江西时时从号事件 上海时时票开奖结果查询双色球 时时彩团队送28彩金 足彩任九定胆技巧 新疆时时历史 pk10投注十大平台 78彩票app下载 11选五5开奖结果29期 群英会6月13开奖结果查询 正规麻将网上赌博网站 龙江风采22选五开奖号走势图 江西时时彩开奖器 20远8开奖结果走势图 重庆时时彩经验分享 江苏时时大小单双