網頁設計字體基礎篇

一個非創意性質的網頁，最重要的內容，就是文字。出現了文字，就會出現文字排版、字體選擇、字體顏色大小粗細等細節。下面小編為大家整理了網頁設計字體基礎篇，希望能幫到大家！

注：以下內容只針對英文字體

字體之間最大的差異在於字體與字體之間，形體的差異。但是很多字體（特別是英文字體）之間，差異不大，有些新字體甚至是對已有字體進行了細微的改造後產生的。於是，就把字體分成了五個系列：襯線字體（serif）、無襯線字體（sans-serif）、等寬字體（Fixed-width Fonts）、仿手寫字體（Cursive Fonts）、裝飾用字體（Fantasy Fonts）。

1、襯線字體

「襯線」指的是是在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同,所以「襯線」又被稱為「字腳」。

優點：襯線字體容易識別，它強調了每個字母筆畫的開始和結束，因此易讀性比較高，在整文閲讀的情況下，適合使用serif字體進行排版，易於換行閲讀的識別性，避免發生行間的閲讀錯誤和產生視覺疲勞。相對於襯線體的機械冰冷，而襯線字體更為嚴肅莊重，更具有温度，古典的美感。所以在書籍、報紙和雜誌中大段落文字的排版，襯線體始終佔據着壓倒性的優勢。

2、無襯線字體

無襯線體（Sans-serif）專指西文中沒有襯線的字體，與漢字字體中的黑體相對應。與襯線字體相反，該類字體通常是機械的和統一線條的`，它們往往擁有相同的曲率，筆直的線條，鋭利的轉角。

優點：因為無襯線的字體結構簡單，在同等字號下，無襯線的字體看上去要比有襯線的更大，結構也更清晰，所以在分辨率較低的電子屏幕，和移動設備上無襯線體有着很明顯的優勢。因為天然的技術感和理性氣質，無襯線字體多為科技型企業所青睞。

3、等寬字體

等寬字體（monospaced font）是指字符寬度相同的電腦字體。在傳統西文印刷中，比例字體可以提高單詞的可讀性。但因早期的電腦顯示器、打字機，由於技術的侷限，無法進行字母寬度的比例調整，因此將每個字元都製作成一樣的寬度，從而形成了等寬字體。

優點：精確性高，多用於程序編程。由程序猿的工作特性：編寫代碼。編寫代碼這種工作具有一個其他文字工作所不具有的特殊要求：就是編寫出來的代碼要求在每一個單個字符的級別上做到100%的精確性。

4、仿手寫字體

仿手寫字體（Cursive Fonts）顧名思義就是模仿手寫字體。手寫體，比較個性，通常用於標題、Logo等等。手寫體是一款優點和缺點都比較明顯的字體。

優點：特徵比較明顯、風格多樣化、字體連貫流暢、觀賞性極佳，具有一定的藝術性。多用於節日，藝術性，個性化企業等網頁。

缺點：就是字符佔位比較大，識別困難。不利於閲讀，字體文件相對比較大，影響網頁加載速度。

5、裝飾用字體

裝飾用字體。多數用於標題，極具個性。

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