无法加载字体文件，404错误

我在一个项目中使用了两个字体图标。 Font Awesome和一个自定义SVG字体。所有字体文件都在同一个文件夹中。这里是文件结构：无法加载字体文件，404错误

-assets 
    -css 
     -font-awesome.min.css 
     -themefy.css 
    -fonts 
     -font-awesome.eot 
     -font-awesome.svg 
     -font-awesome.ttf 
     -font-awesome.woff 
     -font-awesome.woff2 
     -font-awesomed41d.eot 
     -themify.eot 
     -themify.svg 
     -themify.ttf 
     -themify.woff 
     -themifyd41d.eot

两种字体在本地主机工作正常，但在部署后themify字体不工作。它会在Chrome控制台中返回一个404 not found。我对它进行了大量的研究2/3天，仍然无法弄清楚是什么问题。这里是我的themify @字体面：

themify.css

@font-face { 
    font-family: 'themify'; 
    src:url('../fonts/themify.eot?-fvbane'); 
    src:url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'), 
     url('../fonts/themify.woff?-fvbane') format('woff'), 
     url('../fonts/themify.ttf?-fvbane') format('truetype'), 
     url('../fonts/themify.svg?-fvbane#themify') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

如果你想现场观看：http://smartrahat.com/

来源

2016-09-16 smartrahat

请删除后缀（-fvbane ）从字体CSS可能会造成404这个问题。

来源

2016-09-16 11:20:27

是啊！有效！！我之前做过，但那个时候旧的'css'在我的浏览器缓存中，所以结果是一样的。现在它工作正常，非常感谢。 – smartrahat

无法加载字体文件，404错误

回答

相关问题