為什麼所有設計上有水平的網站在 Mac OS X 下用 Safari 瀏覽時網頁字體都是默認的華文黑體,而土鱉網站都是宋體?

譬如:

正面例子:

豆瓣,Last.fm,知乎……

反面例子:

國內各種土鱉門戶:新浪,網易……

為什麼會有這種現象?


網頁正文字體的選擇方式有兩大派別,都是通過 CSS 的 font-family 屬性控制:

  • 第一類:使用極簡的列表來確定大體的字體類型,由瀏覽器和操作系統自行選擇該類別下默認的字體。比如只指定基本的西文字體而不限制中文,甚至只寫「sans-serif」。
  • 第二類:使用極其細緻的列表來為各個操作系統、各種書寫系統和不同的網頁風格優化,力爭用上操作系統里可用的最佳字體。比如我一般用:

    "Helvetica Neue", Ubuntu, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif

這兩類處理方式都可能出現問題中提到的兩種效果。

  • 第一類網站:

    如果使用了「sans-serif」,OS X 里(簡體中文介面)一般會用華文黑體顯示;(問題補充說明中提到的「正面例子」都是)

    而如果單是一個「serif」或僅指定了西文字體然後只接了「serif」,就會用華文宋體了。(@李夢晨 在自己的問題評論中提到的 The New York Times 網站就是這樣)
  • 第二類網站:

    如果指定了「Heiti-SC」或「STHeiti」,就會顯示為華文黑體,而如果指定了「Hiragino Sans GB」,就會在不低於 10.6 的 OS X 里顯示為 Hiragino Sans GB 這個黑體。(比如 V2EX)

    如果網站因為種種原因(比如規避瀏覽器 bug 或前端設計師腦殘;加之很多開發者根本就不了解 Windows 之外的世界,不知道他們隨手寫上的「SimSun」會讓 OS X 用戶感到多噁心)而必須在 CSS 中寫上 SimSun(中易宋體,Windows 在 Vista 之前的默認中文字體,俗稱「宋體」),如果 OS X 里恰好又因為安裝 Office 之類的原因安裝了中易宋體,這個糟糕的字體就會顯示出來了(這樣的中文網站非常多,很多人根本就不知道 font-family 屬性該怎麼寫,而還有少數開發者確實是為了規避 IE 的弱智 bug)。還有的網站故意為 OS X 指定華文宋體,我不太能理解這麼做有什麼好處。

總結來說就是,主動不主動都有可能把網頁在 OS X 里搞成宋體正文的矬樣。


土鱉網站只知道Windows和宋體,更有甚者連英文都指定為宋體的,超級難看。比如鳳凰網。

==============

不過後來我有看過新浪的設計師提到,宋體的英文和中文是等寬的什麼的,說這樣便於排版。


而土鱉網站都是宋體

???

你是要笑死我嗎


推薦閱讀:

iMac上Safari的默認的字體大小看起來有鋸齒,有些彆扭?
Tao Chen 設計的這款中文哥特體怎麼樣?
用哥特體/平尖黑體寫的俄文是什麼樣的呱?
為何iOS9的繁體中文環境下簡體「慘」字的右邊是「叄」而非「參」?
為什麼現在很多網站新建或者改版,字體都不是宋體了?

TAG:網頁設計 | 字體 |