CSS 後備字型
常用的後備字型
沒有任何 100% 完全的網路安全字型。總有可能字型未找到或未正確安裝。因此,始終使用後備字型非常重要。
這意味著您應該在 `font-family` 屬性中新增一組相似的“備份字型”。如果第一個字型不起作用,瀏覽器將嘗試下一個,然後是下一個,依此類推。始終以通用字體系列名稱結尾。
以下是一些常用的後備字型,按 5 種通用字體系列進行組織
- 襯線字型 (Serif)
- 無襯線字型 (Sans-serif)
- 等寬字型 (Monospace)
- 手寫字型 (Cursive)
- 奇幻字型 (Fantasy)
襯線字型
font-family | 示例文字 | 程式碼 |
---|---|---|
"Times New Roman", Times, serif | 這是一個標題這是一個段落。 |
試一試 |
Georgia, serif | 這是一個標題這是一個段落。 |
試一試 |
Garamond, serif | 這是一個標題這是一個段落。 |
試一試 |
無襯線字型
font-family | 示例文字 | 程式碼 |
---|---|---|
Arial, Helvetica, sans-serif | 這是一個標題這是一個段落。 |
試一試 |
Tahoma, Verdana, sans-serif | 這是一個標題這是一個段落。 |
試一試 |
"Trebuchet MS", Helvetica, sans-serif | 這是一個標題這是一個段落。 |
試一試 |
Geneva, Verdana, sans-serif | 這是一個標題這是一個段落。 |
試一試 |
等寬字型
font-family | 示例文字 | 程式碼 |
---|---|---|
"Courier New", Courier, monospace | 這是一個標題這是一個段落。 |
試一試 |
手寫字型
font-family | 示例文字 | 程式碼 |
---|---|---|
"Brush Script MT", cursive | 這是一個標題這是一個段落。 |
試一試 |
裝飾字型
font-family | 示例文字 | 程式碼 |
---|---|---|
Copperplate, Papyrus, fantasy | 這是一個標題這是一個段落。 |
試一試 |
提示:還可以檢視所有可用的 Google 字型 以及如何使用它們。