英文字體
Sans-serif
- Helvetica: 被評為設計師最愛的字體，Realist風格，簡潔現代的線條，非常受到追捧。在Mac下面被認為是最佳的網頁字體，在Windows下由於Hinting的原因顯示很糟糕。
- Arial: Helvetica的「克隆」，和Helvetica非常像，細節上比如R和G有小小差別。如果字號太小，文字太多，看起來會有些累眼。Win和Mac顯示都正常
- Lucida Family: Lucida Grande是Mac OS UI的標准字體，屬於humanist風格，稍微活潑一點。Mac下的顯示要比Win下好。
- Verdana: 專門為了屏顯而設計的字體，humanist風格，在小字號下仍可以清楚顯示，但是字體細節缺失嚴重，最好別做標題。
- Tahoma: 也是humanist風格，字體和Verdana有點像，但是略窄一些，counter略小，曾經是Windows的標准字體，Mac 10.5之后默認也有安裝。
- Trebuchet MS: 為微軟設計的一個humanist風格字體，個人覺得個性太過突出，用得不好會不搭。
- Verdana，是一套無襯線字體，由於它在小字上仍有結構清晰端整、閱讀辨識容易等高品質的表現，因而在1996年推出后即迅速成為許多領域所愛用的標准字型之一。
Serif
- Georgia: 基本上適合正文屏顯的襯線字體，非Georgia莫屬了。筆畫粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還算OK。
- Times: Times是為了報紙而設計的，特點是可以在有限的空間塞進去更多的文字，筆畫較弱，小字號正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文，被罵得很慘之后換成了Georgia。
有些偏藝術類的網站的大字會使用lobster。更藝術的網站就搜索free font，或者font freebie吧，出現的名字格式為“X種免費網頁設計字體”的博客文章，都進去看一眼，挑一個就好。
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字體在26px或更大像素時效果是比較好的，非常適合作為正文的標題。
中文字體
- 中易宋體：Win最常見的字體，小字體點陣，大字體TrueType，但是大字體並不好看，所以最好別做標題。
- 微軟雅黑：Vista之后新引入的字體，打開Cleartype之后顯示效果不錯，不開Cleartype發虛。
- 華文細黑：Mac下的默認中文。
- Droid Sans和衍生的WenQuanYi Microhei：Andriod中的中文，也是Linux絕大多數發行版本的默認中文，，當然也有用WenQuanyi Zenhei的，不過比較少了。
如果是中文字體，設計的時候最好使用微軟雅黑。微軟雅黑配上h3比較好看。
因為前端工程師在實現網站的時候，能夠使用的中文字體局限於一下幾種：
宋體、微軟雅黑、Lucida Grande（蘋果官方網站使用的中文字體）。
為什么？
電腦系統有自帶的字體，PS 有自帶的字體，瀏覽器也有自帶的字體。然而瀏覽器自帶的字體很有限。這又是為什么？英文字體，26個英文字母+數字+符號就可以了 。然而中文漢字的數量是非常龐大的。導致文件的體積也很大。
另外前端可以使用 @font-face 調用一些其他的字體庫，弊端是，用戶在訪問的時候要去下載這個文件，所以會影響整個網站的效率。