字體使用基本原則：清晰+易讀！
當你選擇某種字體時，必須保證選定的字體不但要在選定的平臺上看起來不錯，還要保證在其他平臺上也能正常顯示。沒有人強迫你按照某種方式設計。Web是一個開放式的環境，采用自己喜歡的字體，不要被一些考慮不充分的意見動搖，只要保證你的網站訪問者能夠閱讀它就行。
下面是歸納的幾種Web安全字體，注意它的用途只是建議性的，不要求一定這樣做 ^_^!
| 字體名稱 | 字體類型 | 字體特點 | 用途 | Demo |
|---|---|---|---|---|
| Verdana | 非襯線（sans-serif） | 可讀性強，適合在小字體中使用，99%的Web用戶機器上都有安裝 | 主要用于政府性或重要的商業網站 | Verdana |
| Georgia | 襯線（serif） | 專為屏幕顯示而設計的，它的斜體清晰易讀 | 主要用于與歷史有關的網站 | Georgia |
| Times New Roman | 襯線（serif） | 專為PC平臺（屏幕顯示）設計的，如果希望你的網頁可讀性更強，可使用Georgia替代 | 通常用于金融機構網站 | Times New Roman |
| Times | 襯線（serif） | 針對Mac平臺設計的Times New Roman字體，但不是專為屏幕顯示而設計的 | 通常用于金融機構網站 | Times |
| Arial | 非襯線（sans-serif） | 這種字體設計的網站看起來有現代感，運用廣泛，不宜用于小字體 | 常用語高雅的博物館網站設計 | Arial |
| Helvetica | 非襯線（sans-serif） | Mac機上與Arial最相似的字體，是現實世界中一種優良的打印字體，屏幕表現不好 | 可用于設計新興傳媒公司網站 | Helvetica |
| Tahoma | 非襯線（sans-serif） | 在安裝了Microsoft office的機器上都有Tahoma字體，適用性強，但與Verdana很相似所以用的少 | 設計商業網站 | Tahoma |
| Comic Sans MS | 襯線（serif） | 看上去很輕率，是一種不正式的字體 | 常用于顯示一些不滑稽的笑話或打印的邀請函 | Comic Sans MS |
| Trebuchet | 非襯線（sans-serif） | 屏幕顯示效果好，比大多數字體都小，試圖用有限的空間顯示相同的效果，IE各版本都有 | 可以用來設計個人公文包 | Trebuchet |
| Courier | 等寬字體（Monospace） | 在水平、垂直方向排列的都很好，其中Courier New是最常用的當寬字體，但不宜用于過小字體，類似的還有Lucida Console(Windows)，American Typewriter(Mac)和Monaco(Mac) | 用來顯示代碼或仿真打印機文本 | Courier |
下面是一組替代字體：
| 字體名稱 | 字體類型 | 字體特點 | 建議聲明 | Demo |
|---|---|---|---|---|
| Lucida Grande和Lucida Sans Unicode | 非襯線（sans-serif） | 前者預安裝在Mac上，后者XP自帶，他們是Verdana優秀替代字體，可讀性強 | font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif ; | Lucida Grande Lucida Sans Unicode |
| Futura | 襯線（serif） | 有很好的現代外觀，預安裝在Mac OS上，用于大字體時效果更好 | font-family: Futura, Helvetica, Arial, sans-serif ; | Futura |
| Helvetica Neue | 非襯線（sans-serif） | 是Helvetica字體改進的版本，通過各種技巧使得字符之間間隔恰到好處，預安裝在大部分平臺和軟件中 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif ; | Helvetica Neue |
| Gill Sans | 非襯線（sans-serif） | 在文本和屏幕顯示器中可讀性都強，結構緊湊、粗體和顯示版本是其非常適合用于包裝和海報。預安裝在Mac OS上 | font-family: 'Gill Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif ; | Gill Sans |
| Palatino | 襯線（serif） | 安裝在Mac OS和Windows上，是一種基于意大利文藝復興形式的打印體，在文本和顯示凸版印刷樣式中的效果不錯 | font-family: Palatino, Georgia, 'Times New Roman', serif ; | Palatino |
下面是用:first-letter實現首字下沉效果，實現方式如下：
新聞熱點
疑難解答
