字体真棒图标没有显示

我想在我的导航中使用一些字体真棒图标。只是每个列表项旁边的一些简单的向下箭头。如果我热连接到Font Awesome CDN，它工作正常，每当我尝试在本地复制这些文件并将它们上传到我的服务器时，我只会看到方框。我很确定我所有的路径是正确的，只是无法弄清楚我要去哪里错了。字体真棒图标没有显示

http://builderpreviews22.com/

任何帮助表示赞赏。

来源

2014-01-15 user3199336

一个网络错误500在您的网站：

"NetworkError: 500 Internal Server Error - http://builderpreviews22.com/font-awesome/fonts/fontawesome-webfont.ttf?v=4.0.3"

这种情况发生在浏览器试图加载不存在的内容，在这种情况下，fontawesome-webfont.ttf。

你在你的CSS得到fontawesome-webfont.ttf?=4.0.3文件属性：

url('../fonts/fontawesome-webfont.woff?v=4.0.3')

检查，如果你有你的font-awesome文件夹中该文件。

来源

2014-01-15 18:09:56 fiskolin

我已检查并重新检查。一切都在那里。我想这可能是我的服务器的某种问题。谢谢您的帮助！ – user3199336

Nop dude，真的是你的错，导致文件应该在'ROOT/common/fonts /'...你在那里检查过吗？ – fiskolin

这在我部署到生产环境中时也发生在我的MVC项目中。

src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');

将其更改为

src: url('../../Content/fonts/fontawesome-webfont.eot?v=4.0.3');

来源

2014-04-22 05:40:20

在你的web.config中注册的MIME类型是不够的。实际上解决方案是愚蠢的：在web.config注册了MIME类型后，应用程序将寻找.woff和。或文件扩展名。在你的情况下，文件扩展名实际上是.eot？v = 4.0.3。只需将文件重命名为.eot和.woff并换购包括其他css文件通过删除版本，它会像魅力：d :)

来源

2014-05-07 12:02:26

如果您使用的青菜或SCSS，使确保字体库的路径与编译后的css文件相关，而不是_variables.scss文件。

来源

2014-08-14 18:21:31 MrGrigri

如果所有路径都正确，请确保您的静态文件服务器已启用CORS并设置Access-Control-Allow-Origin标头。希望帮助别人！

来源

2014-10-19 23:35:03 arctelix

字体真棒图标没有显示

回答

相关问题