font-family属性在CSS中是如何工作的？为什么会使用多个字体？难道浏览器不是一次只能使用一个字体吗？
CSS中的font-family属性是如何工作的？
21
- Jay
2个回答
29
“font-family” 属性包含多个字体名称，以提供“后备”系统。
浏览器按照它们列出的顺序尝试每个字体系列；如果浏览器不支持第一个字体，则尝试下一个字体，并以此类推，直到列表中的最后一个字体。这就是为什么至少要将列表中的 最后一个 字体设置为通用字体系列，保证它在任何情况下都可用。不能保证您在 设计 网页时加载在计算机上的字体将在访问者的计算机上加载 - 字体通常是客户端处理，而不是服务器端。
常见的声明可能如下所示：
font-family:Georgia,"Times New Roman",serif;
如果“Georgia”字体可用，则将使用该字体。如果不行，浏览器会尝试回退到“Times New Roman”。如果它也找不到该字体，则会使用一种通用的衬线字体。
如需更多技术信息，建议阅读W3C的字体规范。
- Cody Gray
2
需要注意的是，如果字体包含空格，则必须使用引号，因此 Times New Roman 被引用。 - TimNguyenBSM
这并不是绝对必要的。我链接的规范中列出了解析规则。但我同意它们太复杂了，不用担心——只需将字符串用引号括起来即可。 - Cody Gray
3
进一步解释cody所说的：
当你通过浏览器查看网页时，浏览器会查看css并确定使用哪种字体。然后它会将此列表与您计算机上已安装的字体列表进行比较；第一个匹配的字体就是要使用的字体。字体是客户端而不是服务器端的，如果您没有css指定的字体，则您的浏览器会回退到下一个指定的字体或默认字体。
- tim
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 12 CSS中的text-replace属性是如何工作的？
- 3 什么是font-family的意思？
- 32 CSS字体属性font-family在IDE（PHPStorm）中的警告
- 5 `page-break-before` CSS属性是如何工作的？
- 3 Jquery如何从具有堆叠值选项的CSS属性中获取特定的CSS值，例如font-family？
- 6 CSS内容属性是如何工作的？
- 6 这个CSS font-family如何正确显示“Economica”？
- 9 何时应该在CSS的font-family属性值中使用引号？
- 9 CSS字体粗细属性的值是如何工作的？
- 4 CSS grid-autoflow 是如何工作的？