html - css 文件如何知道如何调用链接字体样式？

Question

我正在一起学习 HTML 和 CSS 以闯入编程世界，这是我遇到的第一个我自己无法解决的真正问题。当然，这是一个可以无意识地复制的过程，但我想了解它为什么会这样工作。

目前，我正在学习链接字体，特别是谷歌字体，以扩展我必须制作网站的资源。我得到的代码是<link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">. 据我了解，这告诉 html 文档在出现“Abril Fatface”实例时引用列出的网站。我的问题是：当我在样式中指定我想要“Abril Fatface”时，计算机如何知道引用该网站？换句话说，它怎么知道该怎么称呼它？

标签： htmlcss

Answer 1

您只是包含一个 css 文件，如果您打开它，则名称在属性 font-family 中。在这种情况下：

font-family: 'Abril Fatface';