边缘浏览器没有加载font-face？

Question

使用普通的CSS font-face似乎无法在新的Windows 10 Edge浏览器上正常运行.适用于IE11和所有其他浏览器.有没有人见过这个？好像是浏览器中的错误.

这是我们一直在使用的CSS.

@font-face {
    font-family: "Univers";
    src: url("../fonts/univers-webfont.eot");
    src: local(Univers), url("../fonts/univers-webfont.eot"), url("../fonts/univers-webfont.svg"), url("../fonts/univers-webfont.ttf"), url("../fonts/univers-webfont.woff");
    font-weight: normal;
    font-style: normal;
}

.button_black {
    font-family: "Univers";
    font-size: 18px;
    color: @slb-off-black-1;
}

Answer 1

简答

使用local("Font Name")语法时,在字体名称周围加上引号.

说明

"Univers"在Edge和Firefox中都很好.但是,您的"请登录..."元素的目标是"Univers Condensed",只有在您使用local("Univers Condensed")引号时才会在Edge中呈现.这可能是因为Edge比Firefox更严格.MDN说......

远程字体文件位置的src URL,或表单中用户计算机上的字体名称local("Font Name").您可以使用local()语法通过名称在用户的本地计算机上指定字体.如果找不到该字体,将尝试其他来源,直到找到一个.

一些剪辑

以下是一些屏幕截图,显示了您网站上有问题的CSS和HTML.

Univers凝聚

没有引用 local()