为啥nginx环境下bootstrap中font-awesome图标显示不出来

Posted 2023-05-04

是不是说在火狐里面查看bootstrap3的官网， 发现图标那里全是乱的？ 你可以： 按ctrl+F5强制刷新这个页面看看 有时访问国外网站很慢，例如这个bootstrap，一直在转，你得等他转好了才行。 -------------------- 原因是：火狐还没完成加载来自这... 参考技术A 原因是：nginx的跨域访问问题
解决方法是在nginx中增加一个响应头：

location ~* \.(eot|otf|ttf|woff)$
add_header Access-Control-Allow-Origin *;

我也按照这种方案做了，可还是无法显示
浏览器调试模式下，有个错误信息如下：

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (fontawesome-webfont.woff, line 0)
用浏览器去访问这个文件也是访问不到的，提示error404！

bootstrap中的font awesome图标在firefox下显示不正常

如题,在chrome下显示正常,怎么解决这一个问题呢

参考技术A 　　您好，感谢您对火狐的支持

　　Font Awesome (firefox无法显示 )Cross domain (跨域问题) ，解决方法：
　　location ~* \.(eot|otf|ttf|woff)$
add_header Access-Control-Allow-Origin *;

　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。 参考技术B 截图代码给我看看，你说得不太清楚追问

解决了 在bootstrap网站下的不是源码,去github上下载源码就好了

本回答被提问者采纳