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

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。)希望这对某人有所帮助!