Fonts 使用自定义字体时出现的问题

我一直试图在CSS中使用自定义字体“anders”，但不明白为什么它不起作用

这是我的密码：

@字体{ 字体系列：“andersregular”； `src:url（'Anders-webfont.eot'）； } h1{ ``字体系列：'andersregular'； }

---

非常感谢您的帮助。

EOT字体文件格式仅由IE使用。您是否使用其他浏览器？您需要包含更多格式以支持其他浏览器

您需要使用类似于的服务将字体转换为其他必要的格式

并以这种方式包括其他格式：

@font-face {
  font-family: 'andersregular';
  src: url('Anders-webfont.eot'); /* IE9 Compat Modes */
  src: url('Anders-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Anders-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('Anders-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('Anders-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Anders-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

---

这条路对吗？检查开发人员控制台。你能看到字体被加载了吗？谢谢你的回答。我不确定开发人员控制台是什么，我现在只使用文本编辑器？根据您使用的浏览器，您可以使用内置的开发人员工具。快速的谷歌搜索将帮助你找到更多信息。我猜字体的路径是错误的。字体文件在项目中的什么位置？你的css文件在哪里？一个基本的项目结构将帮助我解决您的问题。啊，好的，不，当我查看开发工具时，它似乎没有被加载。我的字体文件与index.html和css文件在同一个文件中，它们都在同一个文件夹中。我的字体文件与index.html和css文件在同一个文件中，它们都在同一个文件夹中。