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

我在嵌入式字体时遇到问题，无法在任何时候在我的Mac上查看Firefox中的网页以及在其他PC上查看Chrome时显示。嵌入的字体在Chrome/Firefox中不显示

我问过一位科技朋友，他坚持认为这是由用户在他们的机器上不安装字体。我说我已经使用谷歌字体嵌入，并且还向Web服务器上传了第二种字体，但他表示，它仍然没有安装字体。

这是正确的吗？这意味着我完全误解了我认为我在网页中嵌入字体的内容，如果他是正确的。

该网站仅供参考（并非您将能够看到字体）为here。

在此先感谢

来源

2012-04-11 tomdot

您的朋友是不正确的，但你没有妥善实施他们要么。

对于谷歌的字体，你应该首先，无论是将其放入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);

然后，您可以指定DIV的字体在CSS像这样：

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

你也有一个死链接到自己的CSS。

来源

2012-04-11 13:55:13 Samwise

哈哈哈！我iz gd网页的deesigner！谢谢（你的）信息！ :-D – tomdot 2012-04-11 14:21:06

最佳做法是什么？我直接按照谷歌的指示，但如果这更好地放在CSS中，那么我会这样做。我宁愿这样做，因为它是一个文体元素 – tomdot 2012-04-11 14:29:37

我会永远保持它在CSS自己。 – Samwise 2012-04-11 14:33:58

指向您的MyFonts套件的链接已损坏。解决这个问题，他们应该出现。此刻的你已经有了：

http://www.tomrankinmusic.com/type/mercearia_antique/MyFontsWebfontsKit.css

，但它应该是：

http://www.tomrankinmusic.com/test/type/mercearia_antique/MyFontsWebfontsKit.css

的PT Sans字体在工作（至少在我的Mac Firefox浏览器）。

来源

2012-04-11 13:56:05

与其他人一样，我已经评论过感谢意见！尽管工作PC上的Chrome浏览器没有显示任何内容 - 但我发现它是系统范围内的，尽管如此，无论如何，如果我已正确实施它，看起来并不重要。 – tomdot 2012-04-11 14:24:30

如果你正在谈论字体PT Sans，我没有看到你实际上在你的CSS中的任何位置嵌入字体。

您需要提供一个路径到字体，并将其存储在某处等为引用：

@font-face { 
    font-family: 'RieslingRegular'; 
    src: url('fonts/riesling.eot'); 
    src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype'); 
}

看到这里供参考： http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

来源

2012-04-11 13:56:14 Khan

是的，我很确定我没有正确实施它 - 这是当你有一只猫打破你的注意力时发生的情况。谢谢！更新：我曾经使用谷歌字体PT Sans，所以也许我不是说嵌入，而是连接一些东西 – tomdot 2012-04-11 14:22:36

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

回答

相关问题