html - 在您的机器上安装 Google 字体后如何使用它

Question

所以我知道这是一个非常新手的问题，但我似乎无法弄清楚，不知道我在这里做错了什么。从 Google Fonts 下载了一种字体，将其安装在我的机器上并在我的 CSS 中引用它，如下所示:

* { margin:0; padding:0; font-family:Lobster; }

在我的 html 中我只有一个 p 标签:

<p> Hi, this is some text</p>

是否需要执行任何额外的步骤才能使用本地计算机上安装的谷歌字体？？

Answer 1

使用字体的正确语法是font-family:'Lobster', Arial;如果 Lobster 字体不可用，它将使用 Arial。

您也可以只在 css 中导入一个字体文件。

CSS

@import url(//fonts.googleapis.com/css?family=Lobster:400);
body{ font-family:'Lobster', Arial; }

DEMO