
多年前,MIT 研究已證實:字體影響我們的感受。差的字體引發無意識反感,好的字體讓人愉悅。字體既影響情緒,同樣影響用戶體驗。
幾周前,我決定實測字體對用戶體驗的具體影響。通過系列對比測試,僅改變字體,網站流量提升了 38%。
先解釋字體為何對閱讀影響巨大:
字體透過兩種方式影響情緒:
我們自然賦予某些字體特定內涵,受認知偏差與成長文化影響。如美國無襯線字體常用於政府公文,英國卻常用於小報。用戶感受到的信息會因字體變化而改變。
下圖為同一篇 WordPress 建站教程,使用兩種截然不同字體:

正常字體:專業、可信

Comic Sans 字體:顯得孩子氣,遠不如第一張專業可信。這非字母線條、間距等特性所致,而是字體聯想導致。
事實上,某些字體天生更具可讀性。閱讀時眼睛大腦負荷越重,對字體感覺越差。襯線字體早用於印刷,襯線助眼睛快速分辨字母。早期電腦分辨率低,襯線字體需矢量創建,低分屏顯示不佳,設計師轉用位圖無襯線字體。隨分辨率提升,像 Georgia 這類襯線字體日益流行。
測試目標:哪種字體最適合我的網站?
在同一篇文章上對比 Georgia、Arial、Verdana 三種字體,通過點擊次數、跳失率、頁面停留時間評估。



我預測 Georgia 最適合(可讀性強),Verdana 最差。結果:Georgia 確實最佳,但 Verdana 非最差——使用 Verdana 時點擊量比 Arial 多 29.1%。

同時,Georgia 平均頁面停留時間更長,表明用戶閱讀更多內容,熱點圖已驗證。
確認 Georgia 最佳後,測試最佳字號。我預測字號越大越好(又錯了)。
第一組測試 14px、15px、16px:結果 14px 最適合閱讀。(注:字號每加 1px,行距也加 1px)

這讓我驚訝:既往研究稱大字體更吸引注意,許多高可讀性網站用 20px+。為二次驗證,測試 10px、14px、18px、21px:結果再次證明 14px 最佳。

這說明:對某些人奏效的,未必對其他人奏效。對我們博客,14px Georgia 或許是最佳選擇。
全站採用 14px Georgia 後:

所有結論源於 A/B 測試,非個人觀點。使用 VWO 或 Optimizely 等工具,能檢測最適合讀者的字體與方案。