網頁設計方面，哪些中英文字體的組合能有好的視覺效果？

01-03

用於圖片的字體就不說了，那個很自由。

用於文字的，鑒於中文字體其實根本沒有什麼選擇餘地，所以只能盡量選擇西文字體來和有限的中文字體（每個操作系統只有一兩款）搭配。總體上說，我的偏好就是，不要選擇風格太強的西文字體（如 Palatino），盡量選擇 x 字高（x-height）較大的字體（為了讓西文的視覺高度和中文盡量接近），不過，所有的一切考量都應該讓位於字體渲染的質量。基本上想要融合中西文字體的顯示效果是比較難的（Windows 里尤其不現實），讓雙方都清晰就好了。

涉及用於印刷的平面設計時，我會偏好用稍為方正、壓縮的字體，比如用放大到 110% 的 Titillium Text（但我感覺它橫向不夠壓縮）和 Hiragino Sans GB 搭配，但在網頁中沒有這麼自由，就不考慮了。

Windows 里，其實能用的西文字體也不多，而中文字體只有中易宋體（SimSun）和微軟雅黑可選，所以就根據網站的目標用戶選擇中文字體之後從 Verdana、Arial、Georgia 等字體里選一個搭配就好了。沒法追求太好的效果。

Mac OS X 里，中文字體一般用華文黑體（CSS 里一般不用特地聲明，因為直到 10.7 這都是系統默認的中文字體）或者 Hiragino Sans GB（如果你習慣更現代的黑體風格，並且希望中西文字體的常規體和粗體的黑度較為匹配）。西文字體的選擇餘地比較大，Helvetica、Helvetica Neue（Helvetica (Neue) 和 Hiragino Sans GB 搭配的效果很好，黑度非常均勻）、Lucida Grande（系統默認西文字體）、Verdana、Georgia 等，包括以 FF Tisa Web Pro [1]（@江疆在自己的博客 [2] 里就用它和 Hiragino Sans GB 搭配）為代表的高質量 web font，都可以考慮。

[1] http://typekit.com/fonts/ff-tisa-web-pro

[2] http://blog.jjgod.org/

字體本身的視覺特性和品質直接影響著信息傳遞的質量，，對於體系非常完善的英文字體選擇要有比較系統的認知。並且英文字體和中文字體的結合需要注意。

英文字體的分類

了解英文字體的分類能夠幫助我們了解每一類字體的特點，從而在設計中快速的找到合適的字體。英文文字大致分成三類，襯線體，無襯線體和其他字體。其他字體包括哥特體，手寫體和裝飾體，這些字體在我們工作中使用相對較少，所以重點介紹襯線體和無襯線體兩大類。更多相關的經驗分享關注設計細節如何選擇合適的英文字體