在網(wǎng)頁(yè)設(shè)計(jì)中，文字是最重要的構(gòu)成元素之一，具有比其他視覺(jué)元素更加易于辨識(shí)、信息傳達(dá)明確的優(yōu)點(diǎn)。因此，在網(wǎng)頁(yè)設(shè)計(jì)中，字體的設(shè)計(jì)不僅要考慮到界面的總體設(shè)想，更要考慮到瀏覽者的情況。
一、字體的選擇
不同操作系統(tǒng)都有不同的字體系統(tǒng)，而瀏覽器是用本地系統(tǒng)字庫(kù)顯示頁(yè)面內(nèi)容，大多數(shù)瀏覽者的系統(tǒng)里只裝有幾種常見(jiàn)的字體類型，設(shè)計(jì)的特殊字體在瀏覽者的系統(tǒng)里并不一定能看到預(yù)期效果。
在平面設(shè)計(jì)中常以字體能被修飾與否將字體分為襯線字體與無(wú)襯線字體（見(jiàn)圖1)，襯線字體就是類似于中文的宋體，英文的Times New Roman等，其特點(diǎn)是在字體邊角會(huì)多出一些修飾，可以清晰地分辨出字母和文字，分辨筆畫(huà)的起始和終止，適合大段正文文字的閱讀。無(wú)襯線字體則是類似于中文的黑體，英文的Aril等，這種文字看起來(lái)很干凈整齊，同等字號(hào)的字體無(wú)襯線字體視覺(jué)感受更大，因此適合大標(biāo)題顯示。
圖1襯線字體（左)與無(wú)襯線字體（右）
網(wǎng)頁(yè)字體中中文一般顯示為默認(rèn)字體宋體，還可以根據(jù)代碼定義顯示出黑體，而高級(jí)瀏覽器中能兼容微軟雅黑。英文能兼容的字體較多，常用的有Arial、Times New Roman字體。雖然網(wǎng)頁(yè)字體顯示的局限性給界面設(shè)計(jì)帶來(lái)一定的束縛，但默認(rèn)字體卻能保證快速準(zhǔn)確地下載網(wǎng)頁(yè)文本，還能保證其能在任何操作系統(tǒng)和瀏覽器里正確顯示。
二、文字的可讀性
雖然瀏覽器有默認(rèn)的字體設(shè)置，對(duì)字體的顯示進(jìn)行了規(guī)范，但這并不意味著字體就擁有較佳的可讀性。影響文字可讀性的有字體樣式、間距這兩大因素。
1.字體樣式
字體樣式包括字體的大小，顏色，字形是常規(guī)、還是傾斜或加粗效果等。目前，在桌面端網(wǎng)頁(yè)界面中正文大小一般為12像素、13像素，最小不小于11像素，小標(biāo)題為14像素，大標(biāo)題為16像素，最大字體不要超過(guò)18像素。由于奇數(shù)字號(hào)顯示在較早版本的瀏覽器中會(huì)出現(xiàn)鋸齒狀，所以經(jīng)常采用偶數(shù)字號(hào)。如世界自然基金會(huì)網(wǎng)站（見(jiàn)圖2）其字體全部為微軟雅黑，其中最大字體為Banner上的大標(biāo)題18像素，中等字體為新聞標(biāo)題16像素，正文字體為12像素，而其全局導(dǎo)航中的帶陰影效果的特殊字體以及每個(gè)欄目的標(biāo)題實(shí)際上用的是圖片。
圖2 世界自然基金會(huì)網(wǎng)站
字體的顏色要與背景有一定的對(duì)比度，如白底黑字、黑底白色。網(wǎng)頁(yè)中大段文字通常使用黑色、灰色以符合大眾口味，而小面積需要引起注意的文本文字可以使用其他色彩進(jìn)行強(qiáng)調(diào)。因?yàn)樯士梢允沟梦谋静皇芪恢玫木窒?，加?qiáng)或者減弱文本的表現(xiàn)強(qiáng)度，還能使頁(yè)面文本產(chǎn)生視覺(jué)導(dǎo)向。
但也不能隨便地使用過(guò)多色彩，特別是藍(lán)色，因?yàn)樗{(lán)色代表著網(wǎng)頁(yè)中的超鏈接，如果網(wǎng)頁(yè)中有一段藍(lán)色的文字，會(huì)讓人誤以為是可以單擊的超鏈接。
字體的字形樣式主要包括常規(guī)、粗體、斜體等，正文中的字體宜采用常規(guī)樣式，標(biāo)題宜采用加粗或斜體樣式。合理的運(yùn)用字體樣式，將更有利于文字的視覺(jué)傳達(dá)，更有利于瀏覽者的閱讀。
2.間距
間距包括文字的字距、行距等。字距與行距的處理能直接體現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格與品位，也能夠影響用戶的視覺(jué)和心理感受。根據(jù)文本的內(nèi)容及體量選擇適當(dāng)?shù)拈g距，不僅能提高文字的可讀性，還能營(yíng)造出特殊的氛圍。
行距可以說(shuō)是讓字有了呼吸空間。行距的常規(guī)比例為10:12，文字大小為10像素，則行距12像素。一般來(lái)說(shuō)歐文視情況取1.2~1.5倍行距，而中文一般公認(rèn)是1.5倍行距為宜，適當(dāng)?shù)男芯鄷?huì)形成一條明顯的水平空白條，以引導(dǎo)瀏覽者的目光，若行距過(guò)寬則會(huì)使一行文字失去較好的延續(xù)性。
三、文字編排的藝術(shù)性
如果你需要用一種特殊的字體來(lái)體現(xiàn)你的風(fēng)格，那么特殊字體或藝術(shù)字體最好以圖片的方式置入網(wǎng)頁(yè)。如果字體用圖片來(lái)代替的，雖然保證所有人看到的頁(yè)面是同一效果。但這無(wú)形中增大了網(wǎng)頁(yè)的體積，這樣的圖片多了會(huì)延緩網(wǎng)頁(yè)打開(kāi)速度。
