Question

我把头发拉到这里。我似乎无法从myfonts.com获取webfonts只显示在Firefox中。适用于所有其他浏览器。如果有帮助，它会被加载到iframe中。

我的所有研究都提到了我似乎已经实施的大量修复工具。

确保您的“e”＆＃39;格式列在最后
修改.htaccess为filesMatch添加Header set Access-Control-Allow-Origin "*"（默认情况下由HTML5BP提供）
使用css中的相对路径，例如../myfont而不是绝对路径

我的＆＃34; webdings.css＆＃34;文件如下所示：

@import url("//hello.myfonts.net/count/2a77d0");

@font-face {
    font-family: 'Webdings';
    src: url('../fonts/2A77D0_0_0.eot');
    src: url('../fonts/2A77D0_0_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/2A77D0_0_0.woff') format('woff'),
         url('../fonts/2A77D0_0_0.ttf') format('truetype');
        }
.Webdings
{
    font-family:Webdings;
    font-weight: normal;
    font-style: normal;
}

然后我的main.css文件有： .content p{font-family: Webdings; text-align: center;}

再次 - 适用于除Firefox之外的所有浏览器。任何帮助将不胜感激。

修改如果它有帮助。我还使用了可以工作的谷歌字体。

编辑2： 将格式更改回正确的格式（它仍然无法正常工作）

我已经检查了Firefox开发工具网络部分，而hello.myfonts.net的2a77d0确实回来了，但是，它是空的。谷歌有字体。我确定这并不重要，因为我在本地托管了google在其服务器上托管的字体。

Firefox没有显示Webfont

0 个答案: