HTML+CSS编写静态网站-23 如何调用外部字体

HTML+CSS编写静态网站-23 如何调用外部字体

所以让我们保存，然后进入main.css，然后来到logo的下面，输入h1，使用font family属性将字体应用到第一级标题。所以我们说font-family，我们需要使用单引号，并说Changa One，它是字体的名称，然后输入一个逗号，接着sans-serif，以分号结束。

这里，我们把字体的名字放在单引号里面，后面跟的是字体的格式，这里我们输入的是无衬线字体。 事实上，Google会在这里告诉你该怎么做： 现在，让我们保存我们的CSS文件，并刷新看看这是什么样子。正如你可以看到，现在，这种字体已经应用于我的第一级标题。 接下来，让我们设置一下h1字体的大小，并添加其余的样式。所以，并设置一个15像素上下和0像素左右的边距。然后设置字体大小为1.75em这里的em是一个新的单位：

1em等效于当前浏览器默认字体大小，在大多数浏览器中默认设置为16像素。因此，em基本上是相对于16像素的字体大小。这意味着默认情况下，一个em是16像素的字体大小。在这种情况下，我们将第一级标题设置为1.75的大小。就是28个像素大小。 这里为什么不使用像素单位呢，因为像素时绝对的，em是相对的。更加灵活。 让我们保存并刷新页面看看是什么样子。 你看，是不是更漂亮了。

​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。