手册
目录
网页安全字体是指在所有浏览器和设备上都普遍安装的字体。
然而,并没有100%完全安全的网页字体。字体找不到或未正确安装的情况始终存在。
因此,使用备用字体非常重要。
这意味着你应该在 font-family 属性中列出一系列类似的“备用字体”。如果第一个字体不可用,浏览器将尝试下一个,依此类推。列表最后应始终以一个通用字体族名称结尾。
以下是一个包含三种字体的示例:Tahoma、Verdana 和 sans-serif。如果第一个字体不可用,则使用后两个作为备份。
p {
font-family: Tahoma, Verdana, sans-serif;
}
运行实例 » 点击 "运行实例" 按钮查看在线示例。
以下列表是 HTML 和 CSS 中推荐使用的最佳网页安全字体:
注意: 在发布网站之前,务必检查字体在不同浏览器和设备上的显示效果,并始终使用备用字体!
Arial 是在线和印刷媒体中使用最广泛的字体。它也是 Google Docs 的默认字体。
Arial 是最安全的网页字体之一,可在所有主流操作系统中使用。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Verdana 是一种非常流行的字体。即使字体较小,也具有很高的可读性。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Tahoma 字体的字符间距更小。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Trebuchet MS 是微软于 1996 年设计的字体。请谨慎使用,不是所有移动操作系统都支持。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Times New Roman 是世界上最知名的字体之一。它看起来很专业,被广泛用于报纸和“新闻”网站。它也是 Windows 设备和应用程序的主要字体。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Georgia 是一种优雅的衬线字体。它在不同字号下都具有良好的可读性,因此非常适合用于响应式移动设计。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Garamond 是一种经典的字体,常用于印刷书籍。它具有永恒的外观和良好的可读性。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Courier New 是最广泛使用的等宽衬线字体。它常用于代码显示,许多电子邮件提供商也使用它作为默认字体。此外,它是电影剧本的标准字体。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Brush Script MT 字体设计用于模仿手写字体。它优雅而精致,但可能较难阅读。请谨慎使用。
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
提示: 同时也可以查看所有可用的 Google Fonts 以及如何使用它们。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.9万人学习
共29课时
62.3万人学习
共25课时
39.7万人学习
共43课时
73.6万人学习
共25课时
62.2万人学习
共22课时
23.2万人学习
共28课时
34.4万人学习
共89课时
127万人学习