CSS 基础教程
CSS 盒子模型
CSS 高级教程
CSS3 特点
CSS3 示例
CSS3 参考

CSS 网络安全字体

网络安全字体是非常常见的字体,最有可能出现在 Windows、Mac、Linux 等各种操作系统上。

为什么选择网络安全字体

这可能是您尝试在网页上使用的字体未按应有的方式显示的情况,因为并非所有字体在所有计算机系统上都可用。

为了确保在大多数浏览器或操作系统上准确呈现您的文本,您必须非常仔细地定义您的字体。 font-family CSS 属性可以保存多个字体名称作为备用系统。 首先从您想要的字体开始,然后如果它不可用,您可能要首先填写的字体。

您应该始终以通用字体系列结束列表,它们是五个:serifsans-serifmonospacecursivefantasy。 如果没有您定义的任何字体可用,通用字体系列允许浏览器选择类似的字体。

下表列出了最安全的字体组合。

字体系列 正常 粗体
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。

Advertisements