為什麼很多網頁喜歡這樣設定字體：{ font-family: Arial, Helvetica; }？

12-30

比如豆瓣 http://www.douban.com/
我想大多數人還是認同 Helvetica 比 Arial 好看,而這樣寫的話對於同時安裝有兩個字體的人來說只能看到比較差的Arial。

[6 Jul 更新]

這個寫法由來已久，具體原因根據如下(就英文來說，我對中文了解一般)：

1. Windows下面默認安裝Arial，Helvetica渲染很難看，Arial渲染正常。

2. Mac OS X下面默認安裝Arial，Helvetica，兩款渲染都正常。

如果這樣寫的話，可以保證在默認情況下，兩個系統都選擇渲染可以接受字體，如果兩款都裝了，那麼Windows下也不會很難看。

Windows下的Helvetica: http://www.awayback.com/wp-content/uploads/2010/01/erskine-fs5.jpg

關於Helvetica和Arial的順序其實並不一定，有討論的空間：

http://meiert.com/en/blog/20090212/arial-helvetica/

http://meiert.com/en/blog/20080220/helvetica-arial/

由於一旦Arial在前面，Helvetica被渲染的機會小很多，況且Windows下安裝Helvetica的人並不算多，所以有人主張Helvetica在前。但是Arial在前更保險，如果是中文設計，以中文為主，Helvetica和Arial區別並不是那麼大。

P.S. 前一陣有人說字體應該直接寫font-family: sans-serif，但是在中文locale下，Firefox默認的是中易宋體的中文部分，非常難看。

然而據說IE8以上如果這樣寫的話，中文字體會怪怪的，應該寫font-family: Arial, Helvetica, 宋體;

Arial 畢竟是微軟自家的產品，做了充分的、優質的 hinting。在 Windows 下，Arial 的渲染效果比 Helvetica 好——沒有做 hinting 的字體在 Windows 下的渲染結果完全是碰運氣。

如果沒有猜錯應該出自 YUI 的 fonts.css, 動機是盡量保證字體觀感在各平台一致。參考 http://developer.yahoo.com/yui/fonts/#family

{ font-family: Arial, Helvetica; } 這個寫法在 2016年已經過時了，包括上訴的所有回答

打開win註冊表就可以看到 Helvetica 是強制 fontlink 到 Arial 的

所以可以寫成 { font-family: Helvetica,Arial; }

font-family:A字體，B字體。就好比是條件語句，瀏覽器首先會查找你的機器是否裝了A字體，如果沒裝，再來匹配B字體，如此反覆，如果字體都不存在，則會使用一種通用的字體，比如：sans-serif 。

而題主所說的那兩種字體，只是在適配OSX和Windows