點(diǎn)評(píng)：當(dāng)你選擇某種字體時(shí)，必須保證選定的字體不但要在選定的平臺(tái)上看起來(lái)不錯(cuò)，還要保證在其他平臺(tái)上也能正常顯示。沒(méi)有人強(qiáng)迫你按照某種方式設(shè)計(jì)。Web是一個(gè)開(kāi)放式的環(huán)境，采用自己喜歡的字體，不要被一些考慮不充分的意見(jiàn)動(dòng)搖，只要保證你的網(wǎng)站訪問(wèn)者能夠閱讀它就行。
字體使用基本原則：清晰+易讀！
當(dāng)你選擇某種字體時(shí)，必須保證選定的字體不但要在選定的平臺(tái)上看起來(lái)不錯(cuò)，還要保證在其他平臺(tái)上也能正常顯示。沒(méi)有人強(qiáng)迫你按照某種方式設(shè)計(jì)。Web是一個(gè)開(kāi)放式的環(huán)境，采用自己喜歡的字體，不要被一些考慮不充分的意見(jiàn)動(dòng)搖，只要保證你的網(wǎng)站訪問(wèn)者能夠閱讀它就行。
下面是歸納的幾種Web安全字體，注意它的用途只是建議性的，不要求一定這樣做 ^_^!
| 字體名稱(chēng) | 字體類(lèi)型 | 字體特點(diǎn) | 用途 | Demo |
|---|---|---|---|---|
| Verdana | 非襯線（sans-serif） | 可讀性強(qiáng)，適合在小字體中使用，99%的Web用戶機(jī)器上都有安裝 | 主要用于政府性或重要的商業(yè)網(wǎng)站 | Verdana |
| Georgia | 襯線（serif） | 專(zhuān)為屏幕顯示而設(shè)計(jì)的，它的斜體清晰易讀 | 主要用于與歷史有關(guān)的網(wǎng)站 | Georgia |
| Times New Roman | 襯線（serif） | 專(zhuān)為PC平臺(tái)（屏幕顯示）設(shè)計(jì)的，如果希望你的網(wǎng)頁(yè)可讀性更強(qiáng)，可使用Georgia替代 | 通常用于金融機(jī)構(gòu)網(wǎng)站 | Times New Roman |
| Times | 襯線（serif） | 針對(duì)Mac平臺(tái)設(shè)計(jì)的Times New Roman字體，但不是專(zhuān)為屏幕顯示而設(shè)計(jì)的 | 通常用于金融機(jī)構(gòu)網(wǎng)站 | Times |
| Arial | 非襯線（sans-serif） | 這種字體設(shè)計(jì)的網(wǎng)站看起來(lái)有現(xiàn)代感，運(yùn)用廣泛，不宜用于小字體 | 常用語(yǔ)高雅的博物館網(wǎng)站設(shè)計(jì) | Arial |
| Helvetica | 非襯線（sans-serif） | Mac機(jī)上與Arial最相似的字體，是現(xiàn)實(shí)世界中一種優(yōu)良的打印字體，屏幕表現(xiàn)不好 | 可用于設(shè)計(jì)新興傳媒公司網(wǎng)站 | Helvetica |
| Tahoma | 非襯線（sans-serif） | 在安裝了Microsoft office的機(jī)器上都有Tahoma字體，適用性強(qiáng)，但與Verdana很相似所以用的少 | 設(shè)計(jì)商業(yè)網(wǎng)站 | Tahoma |
| Comic Sans MS | 襯線（serif） | 看上去很輕率，是一種不正式的字體 | 常用于顯示一些不滑稽的笑話或打印的邀請(qǐng)函 | Comic Sans MS |
| Trebuchet | 非襯線（sans-serif） | 屏幕顯示效果好，比大多數(shù)字體都小，試圖用有限的空間顯示相同的效果，IE各版本都有 | 可以用來(lái)設(shè)計(jì)個(gè)人公文包 | Trebuchet |
| Courier | 等寬字體（Monospace） | 在水平、垂直方向排列的都很好，其中Courier New是最常用的當(dāng)寬字體，但不宜用于過(guò)小字體，類(lèi)似的還有Lucida Console(Windows)，American Typewriter(Mac)和Monaco(Mac) | 用來(lái)顯示代碼或仿真打印機(jī)文本 | Courier |
下面是一組替代字體：
| 字體名稱(chēng) | 字體類(lèi)型 | 字體特點(diǎn) | 建議聲明 | Demo |
|---|---|---|---|---|
| Lucida Grande和Lucida Sans Unicode | 非襯線（sans-serif） | 前者預(yù)安裝在Mac上，后者XP自帶，他們是Verdana優(yōu)秀替代字體，可讀性強(qiáng) | font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif ; | Lucida Grande Lucida Sans Unicode |
| Futura | 襯線（serif） | 有很好的現(xiàn)代外觀，預(yù)安裝在Mac OS上，用于大字體時(shí)效果更好 | font-family: Futura, Helvetica, Arial, sans-serif ; | Futura |
| Helvetica Neue | 非襯線（sans-serif） | 是Helvetica字體改進(jìn)的版本，通過(guò)各種技巧使得字符之間間隔恰到好處，預(yù)安裝在大部分平臺(tái)和軟件中 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif ; | Helvetica Neue |
| Gill Sans | 非襯線（sans-serif） | 在文本和屏幕顯示器中可讀性都強(qiáng)，結(jié)構(gòu)緊湊、粗體和顯示版本是其非常適合用于包裝和海報(bào)。預(yù)安裝在Mac OS上 | font-family: 'Gill Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif ; | Gill Sans |
| Palatino | 襯線（serif） | 安裝在Mac OS和Windows上，是一種基于意大利文藝復(fù)興形式的打印體，在文本和顯示凸版印刷樣式中的效果不錯(cuò) | font-family: Palatino, Georgia, 'Times New Roman', serif ; | Palatino |
下面是用:first-letter實(shí)現(xiàn)首字下沉效果，實(shí)現(xiàn)方式如下：
復(fù)制代碼
代碼如下:p:first-letter {
float: left; /* 聲明了段落文本的其余部分浮動(dòng)于放大的下沉首字符周?chē)?*/
width: 40px; /* 保證首字符有足夠的空間 */
font: 60px/50px 'lucida Grande'; /* 字體增大以放大首字符 */
padding: 10px 0 0 0; /* 用內(nèi)邊距控制下沉字符的垂直位置，以達(dá)到更漂亮的效果 */
}
關(guān)于瀏覽器默認(rèn)字體，推薦下面的3篇文章：
1、網(wǎng)頁(yè)設(shè)計(jì)中的默認(rèn)字體
2、再談 Web 默認(rèn)字體
3、三談 Web 默認(rèn)字體
相信對(duì)您一定很有幫助的^_^ !
