font-awesome - Font Awesome 图标未显示

  显示原文与译文双语对照的内容

我正在尝试在我的导航中使用一些 Font Awesome 图标。 在每个列表项旁边只是一些简单的向下箭头。 如果我连接到 Font Awesome 网络,那么当我试图在本地复制文件并将它们上传到服务器时,就可以了。 我非常确信我的路径是正确的,只是无法确定我的错误所在。

http://builderpreviews22.com/

感谢你的帮助。

时间: 作者:

如果使用sass或者 scss,请确保字体库的路径是 relative 到编译的css文件的路径,而不是 _variables.scss 文件。

作者:

网站中的网络错误:


"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 file:


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

检查你的font-awesome 文件夹中是否有 inside 文件。

这也在我的MVC项目中发生,当部署到生产。


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

将它的改为


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

在 Web.Config 中注册mime类型是不够的。 其实解决方案是愚蠢的: 在 web.config 注册mime类型之后,应用程序将查找 woff files files文件扩展名。 你的案例中的文件扩展名实际为 v=4.0.3 。 just的文件 rename eot eot woff 并将它的替换为其他css文件中的includes charm charm

如果所有路径都正确,请确保 static 文件服务器启用了 CORS,并设置了Access-Control-Allow-Origin头。 希望能帮助某人 !

作者:
...