使用 font-family 属性 定义文本的字体系列

使用普片字琐屑列

假设你祈望文档使用一种 sans-serif 字体，可是你其实不关心是哪种字体，下列便是一个合乎的申明：

body {
    font-family: sans-serif;
}

亲身试一试

何等用户代理就会从 sans-serif 字细碎列入抉择一个字体（如 Helvetica），并将其使用到 body 元素。因为有秉持，这种字体抉择还将应用到 body 元素中席卷的悉数元素，除非有一种更特定的选择器将其笼盖。

指定字体系列

除了使用通用的字细碎列，您还可以经过 font-family 属性配置更具体的字体。

下面的例子为全数 h1 元素设置装备摆设了 Georgia 字体：

h1 {
    font-family: Georgia;
}

亲身试一试

何等的规定同时会制作生其他一个题目，假设用户代理上不有安装 Georgia 字体，就只能使用用户署理的默许字体来显示 h1 元素。

咱们可以经过拉拢特定字体名和通用字琐屑列来打算这个标题问题：

h1 {
    font-family: Georgia, serif;
}

切身试一试

假如读者不有安装 Georgia，但安设了 Times 字体（serif 字琐细列中的一种字体），用户署理便可能对 h1 元素使用 Times。固然 Times 与 Georgia 并不彻底成婚，但最多十足接近。

于是，咱们提倡在一切 font-family 划定规矩中都供给一个普片字系统列。多么就供应了一条后路，在用户代办署理无法供给与规定成婚的特定字体时，便可以选择一个候选字体。

要是您对字体非常明确，也可认为给定的元素指定一系列类似的字体。要做到这一点，重要把这些字体根据优先轨范布列，日后用逗号发展连贯：

p {
    font-family: Times, TimesNR, 'New Century Schoolbook',
     Georgia, 'New York', serif;
}
    

亲身试一试

根据这个列表，用户代搭理按所列的倒叙查找这些字体。要是列出的全数字体都不成用，就会容易地决定一种可用的 serif 字体。

使用引号

您也许也曾留神到了，下面的例子中使用了单引号。只需当字体名中有一个或多个空格（比如 New York），或者要是字体名包括 # 或 $ 之类的符号，才必要在 font-family 声明中加引号。

单引号或双引号均可以接受。然则，如果把一个 font-family 属性放在 HTML 的 style 属性中，则须要使用该属性本人未使用的那种引号：

...

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！