自定义字体在Chrome/Safari浏览器没有渲染

我使用的CSS方法来呈现从fonts.com字体在CSS类使用的字体名称，如自定义字体在Chrome/Safari浏览器没有渲染

.myFont h3 { 
    background-color: #FFFFFF; 
    color: #000000; 
    font-family: "ReformaGroteskW01-Mediu"; 
    font-size: 40px; 
    font-weight: normal; 
    letter-spacing: 0.04em; 
    margin: 0 auto; 
    padding: 0 7px; 
    text-transform: uppercase; 
    width: 105px;

}

和字体链接使用fonts.com提供的链接标签，这适用于Firefox，但不适用于chome和Safari，看起来webkit浏览器并没有链接这里的东西，我会作为fonts.com的支持，但我已经找到了他们的支持过去非常缓慢。

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/11386172-45ea-43f5-93bd-d795e60c00af.css">

来源

2012-10-23 Grundizer

你能提供一个链接到演示页面吗？ fonts.com API将只允许该字体显示在您的网络用户界面中添加的域中，因此如果不能看到实际示例，就很难进行调试。 –

在Chorme的控制台中，它说“资源解释为字体，但是使用MIME类型text/html传输。” GET http：//fast.fonts.com/d/7e24 ... 403（Forbidden） – Grundizer

因此，为了澄清，你有没有联系过fonts.com的支持？ – djangodude

为什么不下载你喜欢的字体并将它放在你的文件中？这样更好，也可能解决你的问题。

此外，不要使用font-family和font-size分开。将它们放在font标记中。

来源

2012-10-23 16:03:15 user1717526

+19

有没有令人信服的理由使用'字体'速记，它有其缺陷，并且与手头的问题无关。 –

您没有描述它在哪种意义上对Chrome不起作用，但似乎您指的是次要渲染问题：在Chrome上，字体以较粗的笔触呈现。这是你应该与字体服务的提供者讨论的东西。

字体已被加载并在Chrome中使用，正如您通过删除font-family:"ReformaGroteskW01-Mediu"来编辑CSS代码所看到的。所以这是一个字体执行问题的质量。

来源

2012-10-23 18:51:04

很抱歉，您有困难！看看你的Fonts.com Web Fonts项目，它似乎已经发布了几个小时前的一些更改（大约在此响应之前四个小时，在您的StackOverflow发布几个小时后）。目前，在我们的一些测试机器的几个浏览器中加载示例链接（http://www.fabricproperty.com/）时，项目的字体会正确加载并显示。我也会跟进你的Fonts.com支持服务。

来源

2012-10-24 13:46:15

我意识到这个评论是在讨论这个问题几个月之后才发现的;然而，我自己也遇到了这个问题，并且正在寻找解决方案，并在此处着陆。 font.com提供的字体在Firefox中正确解析，但不在Chrome或Safari中正确解析。我最终通过在font.com的域配置中指定www.domainname.com和domainname.com来解决问题。原来Chrome和Safari都对此敏感。（很明显，font.com的域配置比typekit的灵活性要低，其中输入* .domainname.com时会自动包含domain.com和www.domainname.com。）希望这可以帮助某人！

来源

2013-06-05 15:59:38 carol

或者有时为了测试的目的，ip地址也应该添加在列表中：' - * .domain.com - www.domain.com - 5.100.30.10' – Silvan

这个答案应该有更多的upvotes :)，应该选择为正确答案。谢谢，为我节省了很多时间。 – Sammy