CSS 网络安全字体
网络安全字体是非常常见的字体,最有可能出现在 Windows、Mac、Linux 等各种操作系统上。
为什么选择网络安全字体
这可能是您尝试在网页上使用的字体未按应有的方式显示的情况,因为并非所有字体在所有计算机系统上都可用。
为了确保在大多数浏览器或操作系统上准确呈现您的文本,您必须非常仔细地定义您的字体。 font-family
CSS 属性可以保存多个字体名称作为备用系统。 首先从您想要的字体开始,然后如果它不可用,您可能要首先填写的字体。
您应该始终以通用字体系列结束列表,它们是五个:serif
、sans-serif
、monospace
、cursive
和 fantasy
。 如果没有您定义的任何字体可用,通用字体系列允许浏览器选择类似的字体。
下表列出了最安全的字体组合。
字体系列 | 正常 | 粗体 |
---|---|---|
Arial, Helvetica, sans-serif | This is normal text. |
This is bold text. |
"Times New Roman", Times, serif | This is normal text. |
This is bold text. |
"Courier New", Courier, monospace | This is normal text. |
This is bold text. |
以下示例向您展示了如何以正确的方式设置 font-family
属性。
.sans-serif-font {
font-family: Arial, Helvetica, sans-serif;
}
.serif-font {
font-family: "Times New Roman", Times, serif;
}
.monospace-font {
font-family: "Courier New", Courier, monospace;
}
常用字体组合
下表列出了一些常用的字体组合,按泛型分类。
Serif Fonts
字体系列 | 正常 | 粗体 |
---|---|---|
Georgia, serif | This is normal text. |
This is bold text. |
"Times New Roman", Times, serif | This is normal text. |
This is bold text. |
"Palatino Linotype", Palatino, "Book Antiqua", serif | This is normal text. |
This is bold text. |
Sans-Serif Fonts
字体系列 | 正常 | 粗体 |
---|---|---|
Arial, Helvetica, sans-serif | This is normal text. |
This is bold text. |
"Arial Black", Gadget, sans-serif | This is normal text. |
This is bold text. |
Impact, Charcoal, sans-serif | This is normal text. |
This is bold text. |
Tahoma, Geneva, sans-serif | This is normal text. |
This is bold text. |
"Trebuchet MS", Helvetica, sans-serif | This is normal text. |
This is bold text. |
Verdana, Geneva, sans-serif | This is normal text. |
This is bold text. |
等宽字体
字体系列 | 正常 | 粗体 |
---|---|---|
Courier, monospace | This is normal text. |
This is bold text. |
"Courier New", Courier, monospace | This is normal text. |
This is bold text. |
"Lucida Console", Monaco, monospace | This is normal text. |
This is bold text. |
草书字体
字体系列 | 正常 | 粗体 |
---|---|---|
"Comic Sans MS", cursive | This is normal text. |
This is bold text. |
"Courier New", Courier, monospace | This is normal text. |
This is bold text. |
"Lucida Console", Monaco, monospace | This is normal text. |
This is bold text. |
奇幻字体
没有任何奇幻字体在浏览器和操作系统之间具有良好的可用性。
警告:字体(Verdana,Georgia,"Comic Sans MS","Trebuchet MS","Arial Black",Impact)适用于 Windows 和 MacOS,但不适用于 Unix+X。