字體是網頁設計中最重要的細節

一個非創意性質的網頁，最重要的內容，就是文字。出現了文字，就會出現文字排版、字體選擇、字體顏色大小粗細等細節。而這些細節，往往是非常重要的細節。

好的字體排版，可以讓人耐心的看完那些文字，然后得到其中的重要信息，還可以影響到瀏覽者閱讀的心情。同時，字體的選擇、大小等，還應該配合企業的 VI 識別系統，還需要配合你作品需要表達的思想感情來確定（例如古典風格，應該選擇哥特式字體等）。

好了，關于字體的重要性，我就說這么多，再多說也是廢話，只要大家知道很重要，要好好選擇調整就好了。

字體的分類和格式

襯線和無襯線

襯線算是一種輔助性的小細節，籠統的談，太過于抽象，我們來看兩個例子：

這兩個字體，是有襯線字體，大家可以看到在邊角的位置，會多出一些修飾。這樣的好處就是，可以清晰的分辨出字母和文字，分辨筆劃的起始和終止。但是，這種字體如果設置字體大小太小的話、或者你里文字較遠，則會受到襯線影響，分辨不清晰。同時，由于中文系統，默認的字體為宋體，見的太多導致審美疲勞，所以襯線字體比較適合打印文字以及正規文檔中使用，通常不太適合使用在網頁中。

這兩個字體，就是無襯線字體，沒有邊角的修飾，令人看起來很整齊光滑，沒有毛刺。比較適合用在網頁中，讓瀏覽者獲取大量的文字信息而不會疲勞。

字體系列

字體之間最大的差異并不在于有無襯線，而在于字體與字體之間，形體的差異。但是很多字體（特別是英文字體）之間，差異不大，有些新字體甚至是對已有字體進行了細微的改造后產生的。

于是，就把字體分成了幾個大的系列，同一個系列中的字體，大體相同，稱作通用字體系列。其中包括以下五個系列：

serif：帶襯線字體。Times New Roman 是默認的 serif 字體，中文字體的話，是宋體、仿宋之類的字體。

sans serif：無襯線字體。Arial 是默認的 sans-serif 字體，中文字體中，微軟雅黑、黑體等都是這類字體。

monospace：等寬字體。這個字體里面的每個字母都有相同的寬度。通常用于顯示程序代碼等，Courier 是默認的 monospace 字體。而對于中文，每個漢字都是等寬的。

cursive：模仿手寫字體。手寫體，比較個性，通常用于標題、logo等等。這個字體系列沒有默認字體，英文來說，通常用 Comic Sans，中文的話，行書系列、草書系列的字體等，都可以算作手寫字體。

fantasy：裝飾用字體。多數用于標題，極具個性，字體繁多，藝術字體。無法對其的大小、形狀下一個統一的定論，所以沒有默認字體，在網頁中，也通常很少用到，除非你有特殊的用處創意性的設計。

關于通用字體系列的更多解釋、描述和字體舉例，推薦大家查看在 W3school 上的資料。

字體的格式

格式就是指字體表現出來的粗細、寬度和姿態等等特征。看下面的這張圖片：

里面的字，是相同大小的，同時排放在一條豎線上。為其應用了四種不同的字體后，體現出來了不同的形態和粗細大小。在中文字體中，不同的字體，在字間距中通常沒有很大的變化。而在英文字體中，不同的字體會改變字母的大小，導致整體的尺寸布局不同，進而導致整個排版混亂。

相同的字體大小，在不同的字體下面，顯示的效果幾乎完全不同。這是英文字體選擇中，比較麻煩和頭疼的問題。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈