Css Firefox不显示@font-face字体

我通过@font-face将字体嵌入网站。我的代码可以在Chrome和Safari中使用，但不能在Firefox中使用，我不知道为什么。字体由同一个域托管，我也已经将它们放在根目录中了

这就是代码：

@font-face {
   font-family: 'Effra';
   src: url('font/Effra-Regular.eot');
   src: url('font/Effra-Regular.otf') format('opentype'),
        url('font/Effra-Regular.svg') format('svg'),
        url('font/Effra-Regular.eot') format('truetype'),
        url('font/Effra-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

将字体更改为：

@font-face {
font-family: 'Effra';
   src: url('font/Effra-Regular.eot') format('embedded-opentype');
   src: url('font/Effra-Regular.otf') format('opentype'),
        url('font/Effra-Regular.svg') format('svg'),
        url('font/Effra-Regular.ttf') format('truetype'),
        url('font/Effra-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

将字体更改为：

@font-face {
font-family: 'Effra';
   src: url('font/Effra-Regular.eot') format('embedded-opentype');
   src: url('font/Effra-Regular.otf') format('opentype'),
        url('font/Effra-Regular.svg') format('svg'),
        url('font/Effra-Regular.ttf') format('truetype'),
        url('font/Effra-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

---

将字体扩展名

.eot

更改为

.ttf

，并包含另一个扩展名为

.ttf

@font-face {
   font-family: 'Effra';
   src: url('font/Effra-Regular.eot');
   src: url('font/Effra-Regular.otf') format('opentype'),
        url('font/Effra-Regular.svg') format('svg'),
        url('font/Effra-Regular.ttf') format('truetype'),
        url('font/Effra-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

---

将字体扩展名

.eot

更改为

.ttf

，并包含另一个扩展名为

.ttf

@font-face {
   font-family: 'Effra';
   src: url('font/Effra-Regular.eot');
   src: url('font/Effra-Regular.otf') format('opentype'),
        url('font/Effra-Regular.svg') format('svg'),
        url('font/Effra-Regular.ttf') format('truetype'),
        url('font/Effra-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

---

url（'font/Effra Regular.eot'）格式（'truetype'），是否应该是ttf？谢谢，@wtf8_decode没错。我更改了它，但文本看起来是一样的…url（'font/Effra Regular.eot'）格式（'truetype'），应该不是ttf吗？谢谢，@wtf8_decode没错。我改了，但文字看起来是一样的…谢谢你提到这个错误！我更改了它，但文本仍然没有以正确的字体显示…还有其他想法吗？您在Firefox或其他浏览器的控制台上是否收到与css相关的错误输出？Firefox中没有任何内容。但是Chrome说找不到ttf、woff和otf文件，Safari说找不到svg、ttf、otf和woff文件。这很奇怪，因为这两个浏览器都是它的工作环境，字体与其他格式完全相同。检查字体名称是否为Effra Regular而不是Effra。“字体”文件夹和你的css放在同一个文件夹里吗？哦，糟了，太尴尬了。对不起，非常感谢！谢谢你提到这个错误！我更改了它，但文本仍然没有以正确的字体显示…还有其他想法吗？您在Firefox或其他浏览器的控制台上是否收到与css相关的错误输出？Firefox中没有任何内容。但是Chrome说找不到ttf、woff和otf文件，Safari说找不到svg、ttf、otf和woff文件。这很奇怪，因为这两个浏览器都是它的工作环境，字体与其他格式完全相同。检查字体名称是否为Effra Regular而不是Effra。“字体”文件夹和你的css放在同一个文件夹里吗？哦，糟了，太尴尬了。对不起，非常感谢！