設計時如何選擇合適的字型大小？

01-08

看了那個大家建議把知乎的字體換成 12px 字體的建議。開始迷糊了。12px 的體驗怎麼就不好了呢。一般長篇正文都是 12px，標題會設置成 14px。這樣能讓一屏顯示更多的量。個人感覺宋體（Windows 的中易宋體 SimSun）放到 16px 鋸齒就很厲害。

對於正文：

12 px 的中文在如今的電腦屏幕上（尤其是筆記本屏幕等像素密度高的屏幕上）對不少用戶來說都太小了。「讓一屏顯示更多的量」從來都不是網頁設計的目的，網路是用來傳遞信息的，又不是囤積信息，只有在空間非常局促的情況下才有必要考慮在一屏內顯示更多信息來讓閱讀連貫──如今的桌面電腦屏幕不是這樣的情況。

13 px 在 Windows 里如果使用點陣的宋體（SimSun），聽說字形效果不如 12 px 和 14 px 好。

於是 14 px 是現在比較公認的適合大多數人的正文字型大小。

但是當然了，像豆瓣這樣目標用戶群年齡偏低的網站，就完全可以讓正文字型大小小一些，這樣會讓頁面布局更自由，效果更精緻，所以豆瓣用 12 px。

而新浪這樣的海量新聞門戶用 14 px。

一旦考慮了 Windows 上該死的字體（中易宋體）或腦殘的字體渲染，字型大小選擇的限制就無比多。

內文字型大小選擇很多，具體看用戶分布。不過無論怎說 12ppem 都太小了，尤其是對於裝了高清屏的筆記本用戶（比如我），14ppem 會稍好些，但是現在人們解析度越來越高，16ppem 起跳都不錯。

宋體是點陣有鋸齒正常，不想要鋸齒直接 20ppem 起跳，那個時候是矢量的。

中文Windows應用、網頁推薦12px （照顧Windows XP的Simsun用戶）

英文Windows應用推薦使用系統默認字體（MS Shell Dlg）和字型大小；網頁推薦13px（13px的Arial有最好的可讀性）

如果是面向Mac用戶設計的網頁，可以選擇的字型大小豐富很多，推薦14px及以上