通常前端開發中會對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"和"微軟雅黑"兩個屬性值,是不是重復了?
答:對於上面兩個值,其實是不矛盾的,因大部分中文字體里包含英文字母,而英文字體里是不包含中文字符。所以,先聲明英文字體,再聲明中文字體,否則頁面會用中文字體顯示英文的效果(中文中的英文顯示不出理想效果,丑)。