Question

我正在使用CSS方法通过使用CSS类中的字体名称来从fonts.com渲染字体，如

 .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">

Answer 1

我在讨论这个问题几个月后才意识到这个评论;但是，我自己就遇到了这个问题，正在寻找解决方案，然后降落在这里。 font.com提供的字体在Firefox中正确解析，但在Chrome或Safari中无法解析。我最终通过在font.com的域配置中指定www.domainname.com和domainname.com来解决问题。事实证明，Chrome和Safari对此都很敏感。（显然font.com的域配置不如typekit那么灵活，输入* .domainname.com会自动包含domain.com和www.domainname.com。）希望这对某人有帮助！

Answer 2

我们很抱歉你遇到了困难！查看您的Fonts.com Web Fonts项目，它似乎仅在几小时前发布了一些更改（在此响应之前大约四个小时，在StackOverflow发布后几个小时）。目前，在我们的某些测试机器上的几个浏览器中加载示例链接（http://www.fabricproperty.com/）时，项目的字体正在加载并正确显示。我还将跟进您关于此问题的Fonts.com支持票。

Answer 3

为什么不下载自己喜欢的字体并将其放入文件中？这样做更好，也可以解决你的问题。

此外，请勿使用font-family和font-size。将它们放在font标记中。

Answer 4

你没有描述它在哪种意义上对Chrome不起作用，但似乎你指的是轻微的渲染问题：在Chrome上，字体的渲染方式稍微粗一些。这是您应该与字体服务提供商讨论的内容。

该字体已加载并在Chrome中使用，您可以通过删除font-family:"ReformaGroteskW01-Mediu"来修改CSS代码。所以它是一种高质量的字体实现问题。

Answer 5

如果您希望fonts.com中的字体在本地工作（没有403错误）而无需配置任何内容，则应使用fonts.com默认支持的“localhost”主机名来查看您的站点：

http://www.fonts.com/support/faq/local-host-support

Answer 6

我注意到只有当我在Add＆amp; S中输入EdgeCast IP（68.232.35.182）时才会加载webfonts。编辑域名。也许fast.fonts.net正在使用EdgeCast CDN，域检查获取CDN地址而不是原始请求地址。

自定义字体无法在Chrome / Safari中呈现

6 个答案: