@font-face 规则 Microsoft Edge fonts.com 没有可用的字体

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 上仍然正常工作 windows 10. 我使用的字体来自我域中的 Icomoon，字体来自 google 字体似乎在边缘浏览器上运行良好。 fonts.com 还有其他人遇到这个问题吗？

Answer 1

我联系了 fonts.com，他们给出的解决方案——似乎对我有用——是重新发布该项目。如果你进入管理网络字体和项目，有一个重新发布按钮。可能需要几分钟，然后它应该会起作用。

Answer 2

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

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

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

Answer 3

我遇到了同样的问题，

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

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

@font-face 规则 Microsoft Edge fonts.com 没有可用的字体

no fonts available for @font-face rule microsoft edge fonts.com

css

fonts

microsoft-edge