CSS Web安全字体

CSS Web安全字体

Web 安全字体是指是指在大多数操作系统（Windows、macOS、Linux、iOS、Android）中默认安装的字体。

使用这些字体可以确保您的网站在不同平台上显示一致，而无需依赖用户安装特定字体。

---

衬线字体 (Serif)

衬线字体在字母笔画末端有装饰性线条（如 Times New Roman），适合传统、正式的内容（如报纸、书籍）。

font-family: "Times New Roman", Times, serif;
font-family: Georgia, serif;
font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;

实例演示效果：

---

无衬线字体（Sans-Serif）

无衬线字体（如 Arial）更现代、简洁，适合网页正文、UI 设计。

font-family: Arial, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Tahoma, sans-serif;
font-family: "Trebuchet MS", sans-serif;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

实例演示效果：

---

等宽字体（Monospace）

等宽字体（如 Courier New）每个字符宽度相同，常用于代码、终端显示。

font-family: "Courier New", Courier, monospace;
font-family: "Lucida Console", Monaco, monospace;

实例演示效果：

---

手写/装饰字体（Cursive/Fantasy）

较少使用，适用于特殊设计需求。

font-family: "Comic Sans MS", cursive;
font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;

实例演示效果：

---

---

---