Css 为什么没有加载我的web字体文件？

我想知道，为什么我的六个web字体文件中只有两个被加载

这是我的CSS：

@font-face {
  font-family: 'Constructa';
  src: url(/content/themes/blog-theme/fonts/Constructa-Regular.woff);
}
@font-face {
  font-family: 'TranSerif HdlUltrabold';
  src: url(/content/themes/blog-theme/fonts/TranSerif-HdlUltrabold.woff);
}
@font-face {
  font-family: 'AvantGarde Bold';
  src: url(/content/themes/blog-theme/fonts/AvantGarBol.woff);
}
@font-face {
  font-family: 'ChronicleTextG3';
  src: url(/content/themes/blog-theme/fonts/ChronicleTextG3.woff);
}
@font-face {
  font-family: 'Antenna Bold';
  src: url(/content/themes/blog-theme/fonts/Antenna-Bold.otf);
}
@font-face {
  font-family: 'Antenna Thin';
  src: url(/content/themes/blog-theme/fonts/Antenna-Thin.otf);
}

谷歌浏览器中的“网络”标签上没有显示任何404。它也没有显示正在加载的字体文件

我在其他浏览器中也遇到同样的问题，所以我建议，是我的代码造成了问题

有什么建议吗

致以最良好的祝愿， 贝内迪克特

---

当然，我确实检查过其他网页字体的可用性。它们存在于给定的路径上。只是没有加载。

只是想回答一下为什么会发生这种情况。规范（章节）中指出：

@font-face规则旨在允许延迟加载仅在文档中使用时才下载的字体资源

---

因此，由于您通过

@font-face

指定了所有字体，但在随后的CSS中只使用了其中两种字体，因此Chrome和Firefox等浏览器不会下载它们（这节省了大量带宽，尤其是在移动设备上）

我只是想回答一下为什么会发生这种情况。规范（章节）中指出：

@font-face规则旨在允许延迟加载仅在文档中使用时才下载的字体资源

---

因此，由于您通过

@font-face

指定了所有字体，但在随后的CSS中只使用了其中两种字体，因此Chrome和Firefox等浏览器不会下载它们（这节省了大量带宽，尤其是在移动设备上）

你是否在使用css中的所有字体（或只是加载它们）？我在一些浏览器中听说，如果文件名与嵌入的字体名不匹配，它可能会出错。一些字体没有在测试页面上使用。因此，chrome没有加载它@尼尔斯是对的！你是否在使用css中的所有字体（或只是加载它们）？我在一些浏览器中听说，如果文件名与嵌入的字体名不匹配，它可能会出错。一些字体没有在测试页面上使用。因此，chrome没有加载它@尼尔斯是对的！