可以在您的網站上使用的通用字體分類
在設計網站時，您將使用的網頁的關鍵元素之一是文本內容。 因此，當您創建一個網頁並使用CSS進行設計時，這一努力的很大一部分將圍繞該網站的排版。
版式設計在網站設計中起著重要作用。 精心佈局和合作的文本內容可以幫助網站更加成功，創造既愉快又易於使用的閱讀體驗。 你使用類型的一部分工作就是為你的設計選擇正確的字體 ，然後使用CSS將這些字體和字體樣式添加到頁面的顯示中。 這是通過使用所謂的“ 字體堆棧 ”
字體，堆棧
當您指定要在網頁上使用的字體時 ，最好還包括後備選項，以防您的字體選擇無法找到。 這些後備選項顯示在“字體堆疊”中。 如果瀏覽器無法找到堆棧中列出的第一個字體，它將移動到下一個字體上。 它繼續這個過程，直到它找到它可以使用的字體，或者它沒有選擇（在這種情況下，它只是選擇它想要的任何系統字體）。 下面是一個在應用到“body”元素時字體堆棧如何在CSS中看起來的例子：
body {font-family：Georgia，“Times New Roman”，serif; }請注意，我們首先指定格魯吉亞字體。 默認情況下，這是頁面將使用的內容，但如果由於某種原因該字體不可用，頁面將回退到Times New Roman。 我們將該字體名稱用雙引號括起來，因為它是一個多字的名稱。 單字體字體名稱（如Georgia或Arial）不需要引號，但多字體字體名稱需要它們，以便瀏覽器知道所有這些字體構成字體名稱。
如果你看看字體堆棧的結尾，你應該注意到，我們以“serif”這個詞結束。 這是一個通用的字體系列名稱。 如果一個人在他們的計算機上沒有格魯吉亞或Times New Roman，那麼該網站將使用它可以找到的任何襯線字體。 這比允許網站回退到任何想要的字體更可取，因為您至少可以知道使用什麼樣的字體，以便網站設計的整體外觀和色調盡可能保持完整。 是的，瀏覽器會為你選擇一種字體，但至少你正在提供指導，以便知道什麼樣的字體在設計中最適合。
通用字體系列
CSS中可用的通用字體名稱是：
- 草書
- 幻想
- 等寬
- 襯線
- 無襯線字體
雖然在網頁設計和排版中還有很多其他的字體分類，包括平板襯線，黑體字，顯示，垃圾等等，但上述5種通用字體名稱是您在CSS中使用的字體堆棧中的字體名稱。 這些字體分類有什麼區別？ 讓我們來看看！
草書字體通常使用薄而華麗的字體，以便複製花哨的手寫文字。 這些字體，因為它們薄而華麗的字母，不適用於大部分內容，如正文拷貝。 粗體字體通常用於標題和較短的文本需求，可以以較大的字體大小顯示。
幻想字體是有些瘋狂的字體，並不屬於任何其他類別。 複製已知徽標的字體，如來自“哈利波特”或“回到未來”電影的字體，將屬於這一類。 再一次，這些字體不適用於正文內容，因為它們經常如此程式化，以至於閱讀用這些字體書寫的長文本段落是非常難以做到的。
等寬字體是所有字母大小相同並且間隔開的字體，就像您在舊打字機上發現的一樣。 不同於其他字體根據字體的大小對字母寬度進行變化（例如，大寫“W”比小寫字母“i”佔用更多空間），等寬字體對於所有字符都是固定寬度。 這些字體通常在代碼顯示在頁面上時使用，因為它們看起來與該頁面上的其他文本明顯不同。
Serif字體是更受歡迎的分類之一。 這些字體在字形上有一些額外的連字。 那些額外的部分被稱為“襯線”。 常見的襯線字體是格魯吉亞和Times New Roman。 Serif字體可用於標題等大型文本以及文本和正文的長篇文章。
無襯線是我們將要看到的最終分類。 這些是沒有上述連字的字體。 這個名字的意思是“沒有襯線”。 此類別中的常用字體為Arial或Helvetica。 與襯線類似，無襯線字體也可以用於標題和正文內容。
Jennifer Krynin的原創文章。 由Jeremy Girard於10/16/17編輯