为什么我的字体没有与@font-face 一起显示？ [复制]答案

【问题标题】：Why my font doesn't show up with @font-face? [duplicate]为什么我的字体没有与@font-face 一起显示？ [复制]
【发布时间】：2019-12-20 20:57:29
【问题描述】：

我知道已经有关于它的主题，但我还没有找到解决问题的方法。这可能是一个愚蠢的问题，但我觉得我已经检查了所有内容：我的文件夹的链接、扩展名、文件夹和文件的名称......我看不出我的代码有什么问题。非常感谢

@font-face {
    font-family:"NeutrifRegular";
    src: url("fonts/NeutrifRegular.otf") format("otf"),
           url("fonts/NeutrifRegular.ttf") format("ttf");
   }

body {
    background-color: #f1efee;
    font-family:"NeutrifRegular";
}

我的文件概览： https://i.imgur.com/fxu8vV7.jpg

https://i.imgur.com/82GUgeg.jpg

我的控制台概述： https://i.imgur.com/XNHSIxI.jpg

【问题讨论】：

可能是路径问题，试试"../fonts/NeutrifRegular.ttf"等
你试过stackoverflow.com/questions/38086083/…中提到的解决方案吗
谢谢大家。 Paulie_D 我的文件夹与我的 css 文件处于同一级别（我们在预览中看到它）。 Roy 我的问题不在移动设备上，但在 PC TRIKONINFOSYSTEMS 上我的问题不一样。我的代码似乎类似于给定的解决方案。肯定还有我没看到的问题……
取决于您尝试在哪个浏览器中查看它 - 您似乎没有包含所有字体类型以涵盖所有浏览器（您似乎缺少 woff 版本）以及您的字体文件夹是否在与 css 文件夹相同的级别上，您的相对路径错误（我的防火墙阻止了 imigur，我看不到您的图像）
皮特：谢谢！需要 woff 版本吗？我会要求的。我不管理文件。为什么我的路径是错误的，我不明白？我在我的 css 文件中，我必须去字体文件夹来恢复我的排版。字体文件夹与我的 css 文件处于同一级别

标签： html css font-face

【解决方案1】：

你写错了格式类型。

https://www.w3.org/TR/2018/REC-css-fonts-3-20180920/#src-desc

@font-face {
    font-family:"NeutrifRegular";
    src: url("fonts/NeutrifRegular.otf") format("opentype"),
           url("fonts/NeutrifRegular.ttf") format("truetype");
   }

【讨论】：

非常感谢。我有我得到的格式......我会要求更多。
你写了format("ttf")和format("otf")，但是所有的浏览器都不理解这个语法。你需要写format("truetype")和format("opentype")。
现在它只是不应该适应任何浏览器的格式，因为它适用于谷歌浏览器。谢谢！
我添加了woff格式，在firefox上还是不行