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

Question

抱歉，如果这是一个愚蠢的问题，但我将存储在计算机上的字体导入到 CSS 文件中，尽管它在 Chrome 中有效，但在 Microsoft Edge 或 Internet 中无效探索者。我没有任何其他浏览器，所以我无法检查这些浏览器，我想知道是否有人知道为什么。

正在链接 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 版本会有所帮助，但事实并非如此。在 .woff 和 .woff2 使用此字体的任何页面上，我的 Chrome 控制台出现以下错误：

Failed to load resource: net::ERR_FILE_NOT_FOUND

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

当我进入资源时，这就是显示的内容（还不允许我嵌入图像，我是新手）：Sources

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

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;
}

另外，惯例是使用正斜杠，而不是反斜杠。

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

Font not working in Microsoft Edge or IE

css

internet-explorer

google-chrome

microsoft-edge