字体在 Microsoft Edge 或 IE 中不起作用

Question

对不起，如果这是一个愚蠢的问题，但我将存储在我计算机上的字体导入到 CSS 文件中，虽然它在 Chrome 中有效，但在 Microsoft Edge 或 Internet Explorer 中无效。我没有任何其他浏览器，所以我无法检查这些浏览器，我想知道是否有人会知道原因。

链接 CSS：

@font-face {
    font-family: 'Linotte';
    src: url('...\font\Linotte\Linotte.otf') format('otf'),
         url('...\font\Linotte\Linotte.woff2') format('woff2'),
         url('...\font\Linotte\Linotte.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

我读到 Edge 不支持 .woff2，所以我认为链接 .otf 和 .woff 版本会有所帮助，但事实并非如此。我在 Chrome 控制台中的任何页面上都收到以下错误，该页面同时使用此字体作为 .woff 和 .woff2：

Failed to load resource: net::ERR_FILE_NOT_FOUND

但是，该错误不会显示在 Edge 控制台或 IE 控制台中。

当我查看源代码时，会显示以下内容（还不让我嵌入图像，我很新）：Sources

Linotte 文件夹所在的文件夹与 CSS 表所在的文件夹位于同一文件夹中，所以我不明白为什么它没有显示正确的内容。

Answer 1

尝试将三个... 替换为..：

@font-face {
    font-family: 'Linotte';
    src: url('..\font\Linotte\Linotte.otf') format('otf'),
         url('..\font\Linotte\Linotte.woff2') format('woff2'),
         url('..\font\Linotte\Linotte.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

另外约定是使用正斜杠，而不是反斜杠。