新聞動態

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

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

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

字體的分類和格式

襯線和無襯線

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

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

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

字體系列

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

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

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

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

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

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

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

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

字體的格式

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

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

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

字體的選擇

上面的這些理論，從某些角度和意義上來說，都是廢話。如何選擇合適的字體，才真正切合實際。那么我們應該如何選擇在網頁中使用的字體呢？

解決這個問題，我們先應該知道為什么要糾結于選擇字體這個問題。我個人認為應該存在 實用性 和 創意性 這兩個方面的因素。創意性很好理解，就是想突破常規，配合自己的網頁中的設計思想而選擇相應的字體，例如表達程序員的思維，就對代碼使用等寬字體，表達恐怖、古典，使用哥特式字體等等。這點自己去找字體好了，不再贅述。最主要的問題是在于 實用性 的方面。

實用性問題，即不需要太過于華麗的字體，只需要大家看的都舒服、稍微帶點自己的特色即可。你會說，很容易啊，直接 CSS 定義一條，填上個字體就好了。如果真這樣，那就太好了。瀏覽器解析字體的過程實際上是這樣的，當瀏覽器加載 CSS 后，解析到有關字體的樣式，它會在你的系統中查找這個字體，只有找到了相應的字體文件，才會根據那個字體文件對網頁中的文字進行渲染，顯示出你想要的效果。

既然這樣，如果你的操作系統中，并沒有安裝網頁中定義的那種字體，就無法渲染出那種字體的效果，而通常使用當前系統的默認字體來渲染。那么你原有的設計，就不行了，你設計時覺得挺好，字體、位置、大小合適，但在別人的電腦上，清一色的宋體。所以這個問題，才是選擇字體的難處所在。當然，有問題就有解決方式：

使用經典通用字體

不同操作系統都有不同的字體系統，但既然是字體，總有一些比較經典老牌的字體共同存在于各個系統中。例如無襯線的 Arial 字體，它產生的時間比較早，同時價格低廉，所以從早期就被 windows 操作系統使用，在其他的操作系統中，也會有較好的不同于默認字體的顯示效果。所以 我愛水煮魚、潛行者m博客 這些網站，直接在 CSS 中聲明使用一個字體：Arial。

標簽：

免責聲明：本站網站部分圖片及文字轉載于網絡，轉載目的在于傳遞更多信息。如涉及作品內容、版權和其它問題，請聯系本網站，我們將在第一時間刪除。