html - 嵌入字体在 Chrome/Firefox 中不显示

Question

当我在 Mac 上的 Firefox 和另一台 PC 上的 Chrome 中查看网页时，我遇到了一个问题，即我嵌入的任何字体都没有显示。

我问过一位技术 friend ，他坚持认为这是用户没有在他们的机器上安装字体的原因。我说我已经使用谷歌字体嵌入并且还上传了第二种字体到网络服务器，但他说这仍然取决于用户没有安装字体。

这是正确的吗？如果他是正确的，那将意味着我完全误解了我认为我学到的关于在我的网页中嵌入字体的知识。

供引用的站点(不是说您将能够看到字体)是 here .

提前致谢

Answer 1

你的 friend 说得不对，但你也没有正确实现它们。

对于 Google 字体，您应该首先将链接添加到字体，或者像这样将其放入 html 中:

<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>

或将其导入您的 CSS。

@import url(http://fonts.googleapis.com/css?family=Russo+One);

然后您可以像这样在 css 中指定 div 的字体:

font-family: 'Russo One', sans-serif;

您还有一个指向您自己的 CSS 的无效链接。