自定义字体无法在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.)希望这有助于某人!