CSS Web Safe 字型

什麼是 Web Safe 字型？

Web safe 字型是指在所有瀏覽器和裝置上都普遍安裝的字型。

備用字型

然而，沒有 100% 完全 Web Safe 的字型。字型有時可能會找不到或未正確安裝。

因此，務必始終使用備用字型。

這意味著您應該在 font-family 屬性中新增一組相似的“備用字型”。如果第一個字型不起作用，瀏覽器將嘗試下一個，再下一個，依此類推。始終以通用字體系列名稱結尾。

HTML 和 CSS 的最佳 Web Safe 字型

以下列表是 HTML 和 CSS 的最佳 Web Safe 字型

• Arial (sans-serif)
• Verdana (sans-serif)
• Tahoma (sans-serif)
• Trebuchet MS (sans-serif)
• Times New Roman (serif)
• Georgia (serif)
• Garamond (serif)
• Courier New (monospace)
• Brush Script MT (cursive)

Arial (sans-serif)

Arial 是線上和印刷媒體中最常用的字型。Arial 也是 Google Docs 中的預設字型。

Arial 是最安全的 Web 字型之一，它在所有主流作業系統上都可用。

Verdana (sans-serif)

Verdana 是一種非常流行的字型。Verdana 即使在小字號下也很容易閱讀。

Tahoma (sans-serif)

Tahoma 字型字元之間的間距較小。

Trebuchet MS (sans-serif)

Trebuchet MS 由 Microsoft 於 1996 年設計。請謹慎使用此字型。並非所有移動作業系統都支援。

Times New Roman (serif)

Times New Roman 是世界上最知名的字型之一。它看起來很專業，並用於許多報紙和“新聞”網站。它也是 Windows 裝置和應用程式的主要字型。

Georgia (serif)

Georgia 是一種優雅的襯線字型。它在不同字號下都非常易讀，因此是移動響應式設計的良好選擇。

Garamond (serif)

Garamond 是一種用於許多印刷書籍的經典字型。它具有永恆的外觀和良好的可讀性。

Courier New (monospace)

Courier New 是最常用的等寬襯線字型。Courier New 通常用於編碼顯示，並且許多電子郵件提供商將其用作預設字型。Courier New 也是電影劇本的標準字型。

Brush Script MT (cursive)

Brush Script MT 字型旨在模仿手寫。它優雅而精緻，但可能難以閱讀。請謹慎使用。