Apache/Nginx下Font Awesome在Firefox中不显示怎么解决

发布时间 - 2023-05-21 00:00:00    点击率:

一、nginx服务器解决方法

服务器使用的是 nginx,要在响应的头部添加 access-control-allow-origin 字段,添加方法是用 add_header 指令:

配置例子:

复制代码 代码如下:

location /assets/ {
    gzip_static on;
    expires max;
    add_header cache-control public;
    add_header access-control-allow-origin *;
}

二、apache服务器解决方法

font awesome (firefox无法显示 火狐无法显示)cross domain (跨域问题) 

the problem

it seems that, for security reasons, firefox simply don't allow you to use by default a font that is not hosted on your domain, not even on your subdomain. the cdn based websites can be also affected in this case.

the solution

after some investigations, i found out the workaround: set a access-control-allow-origin header to the font.

复制代码 代码如下:


 
    header set access-control-allow-origin "*"
 

also, if you are using nginx as your webserver you will need to include the code below in your virtual host file:

复制代码 代码如下:

location ~* \.(eot|otf|ttf|woff)$ {
    add_header access-control-allow-origin *;
}


# nginx  # apache  # firefox  # if  # for  # include  # using  # public  # default  # this  # location  # Access  # 解决方法  # 的是  # 要在  # 火狐  # hongkong  # aliyucs  # gz  # cn  # space 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?  Laravel怎么调用外部API_Laravel Http Client客户端使用  JavaScript常见的五种数组去重的方式  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  Laravel如何自定义错误页面(404, 500)?(代码示例)  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  利用 Google AI 进行 YouTube 视频 SEO 描述优化  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  如何快速搭建安全的FTP站点?  实例解析Array和String方法  ,在苏州找工作,上哪个网站比较好?  Python面向对象测试方法_mock解析【教程】  如何在阿里云部署织梦网站?  微信小程序 闭包写法详细介绍  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  如何快速搭建自助建站会员专属系统?  lovemo网页版地址 lovemo官网手机登录  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  如何快速搭建支持数据库操作的智能建站平台?  文字头像制作网站推荐软件,醒图能自动配文字吗?  怎样使用JSON进行数据交换_它有什么限制  Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  Laravel如何实现API资源集合?(Resource Collection教程)  Laravel如何使用查询构建器?(Query Builder高级用法)  微信小程序 配置文件详细介绍  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  常州企业网站制作公司,全国继续教育网怎么登录?  Laravel distinct去重查询_Laravel Eloquent去重方法  ChatGPT 4.0官网入口地址 ChatGPT在线体验官网  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  如何快速搭建高效可靠的建站解决方案?  JavaScript模板引擎Template.js使用详解  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  音响网站制作视频教程,隆霸音响官方网站?  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  Laravel如何实现文件上传和存储?(本地与S3配置)  潮流网站制作头像软件下载,适合母子的网名有哪些?  Laravel如何使用Blade组件和插槽?(Component代码示例)  如何用虚拟主机快速搭建网站?详细步骤解析  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  C语言设计一个闪闪的圣诞树  JavaScript如何实现倒计时_时间函数如何精确控制  Laravel Docker环境搭建教程_Laravel Sail使用指南  轻松掌握MySQL函数中的last_insert_id()  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程