Question

我得到了 CSS3120：@ font-face规则没有可用的字体对于Windows 10上的新Microsoft Edge浏览器。

我使用的字体来自fonts.com，并且具有我期望的正常声明（例如woff，ttf，svg等）。

{
font-family:"myfont";
src:url("/dv2/2/asdf.eot?asdf#iefix");
src:url("/dv2/2/asdf.eot?asdf#iefix") format("eot"),url("/dv2/14/asdf.woff2?asdf") format("woff2"),url("/dv2/3/asdf.woff?asdf") format("woff"),url("/dv2/1/asdf.ttf?asdf") format("truetype"),url("/dv2/11/asdf.svg?asdf") format("svg");
}

这些网站仍然可以在chrome，firefox和IE for Windows 10上正常工作。我在Icomoon上使用的域名和谷歌字体的字体似乎在边缘浏览器上运行正常。有人在fonts.com上遇到这个问题吗？

Answer 1

我正在使用本地版本的Google字体，就像其中一位评论者@benoror。我的问题最终是因为我使用了对woff2字体的引用。边缘doesn't support the woff2 format yet。

我的解决方案是切换回从Google字体加载字体，因为它们具有基于用户代理的逻辑，用于确定@font-face声明中引用哪些字体文件。

另一种选择是使用常规woff代替woff2：http://caniuse.com/#search=woff

Answer 2

我联系了fonts.com，他们提供的解决方案 - 这似乎对我有用 - 是重新发布项目。如果您进入管理webfonts和项目，则会有一个重新发布按钮。它可能需要几分钟，然后它应该工作。

Answer 3

我有同样的问题，

阅读MSDN documentation并添加local参数错误消失后。

src:url(sURL) format(fontFormat) local(fontName)

@ font-face rule microsoft edge fonts.com没有可用的字体

3 个答案: