- Helvetica: 被評爲設計師最愛(ài)的(de)字體,Realist風格,簡潔現代的(de)線條,非常受到追捧。在Mac下(xià)面被認爲是最佳的(de)網頁字體,在Windows下(xià)由于Hinting的(de)原因顯示很糟糕。
- Arial: Helvetica的(de)「克隆」,和(hé)Helvetica非常像,細節上比如R和(hé)G有小小差别。如果字号太小,文字太多(duō),看起來(lái)會有些累眼。Win和(hé)Mac顯示都正常
- Lucida Family: Lucida Grande是Mac OS UI的(de)标準字體,屬于humanist風格,稍微活潑一點。Mac下(xià)的(de)顯示要比Win下(xià)好。
- Verdana: 專門爲了(le)屏顯而設計的(de)字體,humanist風格,在小字号下(xià)仍可(kě)以清楚顯示,但是字體細節缺失嚴重,最好别做(zuò)标題。
- Tahoma: 也(yě)是humanist風格,字體和(hé)Verdana有點像,但是略窄一些,counter略小,曾經是Windows的(de)标準字體,Mac 10.5之後默認也(yě)有安裝。
- Trebuchet MS: 爲微軟設計的(de)一個(gè)humanist風格字體,個(gè)人(rén)覺得(de)個(gè)性太過突出,用(yòng)得(de)不好會不搭。
Serif
- Georgia: 基本上适合正文屏顯的(de)襯線字體,非Georgia莫屬了(le)。筆畫(huà)粗重,襯線明(míng)線,輪廓較大(dà),小字體顯示也(yě)很清晰,同時(shí)細節還(hái)算(suàn)OK。
- Times: Times是爲了(le)報紙而設計的(de),特點是可(kě)以在有限的(de)空間塞進去更多(duō)的(de)文字,筆畫(huà)較弱,小字号正文屏顯看起來(lái)累眼。曾經Engadget改版的(de)時(shí)候用(yòng)了(le)Times作爲正文,被罵得(de)很慘之後換成了(le)Georgia。
中文不熟,抛磚引玉:
- 中易宋體:Win最常見的(de)字體,小字體點陣,大(dà)字體TrueType,但是大(dà)字體并不好看,所以最好别做(zuò)标題。
- 微軟雅黑(hēi):Vista之後新引入的(de)字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。
- 華文細黑(hēi):Mac下(xià)的(de)默認中文。
- Droid Sans和(hé)衍生的(de)WenQuanYi Microhei:Andriod中的(de)中文,也(yě)是Linux絕大(dà)多(duō)數發行版本的(de)默認中文,,當然也(yě)有用(yòng)WenQuanyi Zenhei的(de),不過比較少了(le)。
CSS3開始支持Embedded font所以英文字體選擇一下(xià)子多(duō)了(le)