為何在font-family屬性中設置多個值


通常前端開發中會對body標簽中設置font-family屬性多個值,例如:

body{padding:0;margin:0;font-size:12px;text-align:left;font-family: "Microsoft YaHei","微軟雅黑","Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}

 其實設置多個值的意思是:若用戶電腦未安裝第一種字體Microsoft YaHei(微軟雅黑),則執行第二個字體,以此類推。最后申明的sans-serif,專指西文中沒有襯線的字體,與漢字字體中的黑體相對應。

注意:對於上面的body屬性你會發現"Microsoft YaHei"和"微軟雅黑"兩個屬性值,是不是重復了?

 答:對於上面兩個值,其實是不矛盾的,因大部分中文字體里包含英文字母,而英文字體里是不包含中文字符。所以,先聲明英文字體,再聲明中文字體,否則頁面會用中文字體顯示英文的效果(中文中的英文顯示不出理想效果,丑)。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM