为什么我的字体没有显示在@ font-face上?

时间:2019-08-14 09:53:55

标签: html css font-face

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

@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

1 个答案:

答案 0 :(得分:0)

您输入了错误的格式类型。

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