边缘浏览器没有加载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")语法时，在字体名称周围加上引号。

解释

＆＃34; UNIVERS＆＃34;在Edge和Firefox中渲染都很好。您的＆＃34;请登录...＆＃34;但是，元素的目标是＆＃34; Univers Condensed＆＃34;，只有在local("Univers Condensed")引用时才会在Edge中呈现。这可能是因为Edge比Firefox更严格。 MDN says...

  

src 远程字体文件位置的网址，或用户计算机上local("Font Name")形式的字体名称。您可以使用local()语法按名称在用户的本地计算机上指定字体。如果找不到该字体，则会尝试其他来源，直到找到一个。

一些Snips

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

Univers Condensed

local()

上没有引号