如何在计算机上安装Google字体后使用它

Question

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

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

在我的HTML中，我只有一个p标签：

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

使用本地计算机上安装的Google字体是否需要采取额外步骤？

Answer 1

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

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

CSS

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

DEMO

Answer 2

您无需在计算机上下载谷歌字体即可添加到您的网页中。

在您的头标记之间添加以下链接

<link  rel="stylesheet" href="http://fonts.googleapis.com/css?family=lobster">

Answer 3

如果你实际上并不只是下载了字体而且还安装了它（这样你就可以在记事本的字体菜单中看到它），你就不需要采取额外的步骤 >和您只想查看本地查看您自己的网页时使用的字体。

如果您想在网页上使用它，您应该生成不同格式的相关字体文件，将它们上传到您的服务器上，并使用@font-face处理它们的语法。