边缘浏览器不加载字体？

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 says...

src 远程字体文件位置的 URL，或用户计算机上的字体名称，格式为 local("Font Name")。您可以使用local() 语法按名称指定用户本地计算机上的字体。如果没有找到该字体，将尝试其他来源，直到找到。

一些剪辑

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

浓缩的宇宙

local() 上没有报价