首页 运维 nginx Apache/Nginx下Font Awesome在Firefox中不显示怎么解决

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

May 21, 2023 pm 05:43 PM
apache nginx firefox

一、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 *;
}

以上是Apache/Nginx下Font Awesome在Firefox中不显示怎么解决的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

nginx怎么配置云服务器域名 nginx怎么配置云服务器域名 Apr 14, 2025 pm 12:18 PM

在云服务器上配置 Nginx 域名的方法:创建 A 记录,指向云服务器的公共 IP 地址。在 Nginx 配置文件中添加虚拟主机块,指定侦听端口、域名和网站根目录。重启 Nginx 以应用更改。访问域名测试配置。其他注意事项:安装 SSL 证书启用 HTTPS、确保防火墙允许 80 端口流量、等待 DNS 解析生效。

nginx怎么查版本 nginx怎么查版本 Apr 14, 2025 am 11:57 AM

可以查询 Nginx 版本的方法有:使用 nginx -v 命令;查看 nginx.conf 文件中的 version 指令;打开 Nginx 错误页,查看页面的标题。

怎么启动nginx服务器 怎么启动nginx服务器 Apr 14, 2025 pm 12:27 PM

启动 Nginx 服务器需要按照不同操作系统采取不同的步骤:Linux/Unix 系统:安装 Nginx 软件包(例如使用 apt-get 或 yum)。使用 systemctl 启动 Nginx 服务(例如 sudo systemctl start nginx)。Windows 系统:下载并安装 Windows 二进制文件。使用 nginx.exe 可执行文件启动 Nginx(例如 nginx.exe -c conf\nginx.conf)。无论使用哪种操作系统,您都可以通过访问服务器 IP

docker容器名称怎么查 docker容器名称怎么查 Apr 15, 2025 pm 12:21 PM

可以通过以下步骤查询 Docker 容器名称:列出所有容器(docker ps)。筛选容器列表(使用 grep 命令)。获取容器名称(位于 "NAMES" 列中)。

nginx在windows中怎么配置 nginx在windows中怎么配置 Apr 14, 2025 pm 12:57 PM

如何在 Windows 中配置 Nginx?安装 Nginx 并创建虚拟主机配置。修改主配置文件并包含虚拟主机配置。启动或重新加载 Nginx。测试配置并查看网站。选择性启用 SSL 并配置 SSL 证书。选择性设置防火墙允许 80 和 443 端口流量。

怎么查看nginx是否启动 怎么查看nginx是否启动 Apr 14, 2025 pm 01:03 PM

确认 Nginx 是否启动的方法:1. 使用命令行:systemctl status nginx(Linux/Unix)、netstat -ano | findstr 80(Windows);2. 检查端口 80 是否开放;3. 查看系统日志中 Nginx 启动消息;4. 使用第三方工具,如 Nagios、Zabbix、Icinga。

Zookeeper集群在CentOS如何搭建 Zookeeper集群在CentOS如何搭建 Apr 14, 2025 pm 02:09 PM

在CentOS系统上部署ZooKeeper集群,需要以下步骤:环境准备安装Java运行环境:使用以下命令安装Java8开发工具包:sudoyuminstalljava-1.8.0-openjdk-devel下载ZooKeeper:从ApacheZooKeeper官方网站下载适用于CentOS的版本(例如ZooKeeper3.8.x)。使用wget命令下载,并替换zookeeper-3.8.x为实际版本号:wgethttps://downloads.apache.or

如何解决CentOS系统故障 如何解决CentOS系统故障 Apr 14, 2025 pm 01:57 PM

解决CentOS系统故障的方法有很多,以下是一些常见的步骤和技巧:1.检查日志文件/var/log/messages:系统日志,包含各种系统事件。/var/log/secure:安全相关日志,如SSH登录尝试。/var/log/httpd/error_log:如果使用Apache服务器,这里会有错误信息。2.使用诊断工具dmesg:显示内核环缓冲区的内容,有助于了解硬件和驱动问

See all articles