Question to say "I can!"

讓WordPress字體在各平臺有較好的顯示效果

2015-05-23

來自:從良未遂——讓WordPress字體在各平臺有較好的顯示效果

以前,一個主題用久了就會因為審美疲勞而換掉,看著新換上的主題閃閃發光,覺得自己做了一個英明的決定。換主題的想法前幾天又冒出來了,這次與審美疲勞無關,緊緊是因為O-Connor主題在Mac的字體實在是不堪入目。在一根筋模式下,幾經折騰,終于買了一款還不錯的主題。對比過這兩款主題,就美觀實用來看,還是O-Connor好,但是新買的主題無論在Win下還是Mac下,字體現實都很平滑細膩。昨天突然驚醒:我換個字體不就好了,為什么要換主題呢?

科學上我把我上面的思維模式高度概括為一根筋。博友們的共同觀點是,經常折騰主題是新手所為,是不成熟的表現。雖然我不是高手,但是為了裝成熟,我決定修改字體屬性后繼續使用O-Connor。

修改內容:把原有css里body內容

body{font:14px/1.5 arial,SimSun,serif;font-size:0.875rem}

改為以下內容:

body{font-family: "Classic Grotesque W01","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;font-size: 14px;font-size: 0.875rem;overflow-x: hidden}

對比發現,修改后的代碼重新聲明了字體的屬性,具體如下:

1.對于英文字符,首先查找Helvetica(Mac),然后查找Tahoma(Win),都找不到就用Arial(Mac&Win);若是以上三者都缺失,則使用當前默認的sans-serif字體(操作系統或瀏覽器指定);

2.對于中文字體,首先查找華文細黑(Mac),然后查找微軟雅黑(Win),然后是宋體(Win),黑體(Mac&Win,用作Mac的fallback);同理,若是以上三者都缺失,則使用當前默認的sans-serif字體。

這樣聲明考慮到了字體的顯示名稱和字體文件的名稱的關系,也考慮到了英文字體,并且英文字體應該在中文字體之前的重要性,當然,肯定也照顧到了不同的操作系統。

Windows, Mac OS, Linux 家族等常用操作系統里的系統字體字體渲染效果差異很大。如果沒有缺失字體,正常情況下這樣聲明 Windows 使用Tahoma+微軟雅黑,Mac OS 使用Helvetica+華文細黑。而Linux,因為文泉驛微米黑的質量也沒有絕對優勢,加之 Linux 各發行版的情況非常復雜,所以或許不指定字體最好。

作者:admin | Categories:設計問題 | Tags:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 内蒙古快3最大遗漏数据 福建快3开现场开奖结果查询 31选7开奖走势 浙江飞鱼控股有限公司 5分是什么 河北快3推荐号码一定牛 广西快乐双彩开奖直播现场 东京热四个女的叫什么 内蒙古十一选五走势图内蒙古 江苏虚拟足彩开奖结果 江苏快3预测推荐 黑龙江11选5从哪买投注 赣州期货配资 辽宁35选7中奖规则及金额 天海翼 有无码的片子吗 陕西十一选五开奖结