Apache、Nginx下Font Awesome在 Firefox 中不顯示問(wèn)題解決方法
一、Nginx服務(wù)器解決方法
服務(wù)器使用的是 Nginx，要在響應(yīng)的頭部添加 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服務(wù)器解決方法
Font Awesome (firefox無(wú)法顯示 火狐無(wú)法顯示)Cross domain (跨域問(wèn)題)
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.
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
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 *;
}
相關(guān)文章
Linux基礎(chǔ)之正則表達(dá)式，用戶、組管理命令介紹
正則表達(dá)式簡(jiǎn)單來(lái)說(shuō)就是一種行字符串處理的方式，通過(guò)一些特殊符號(hào)的輔助，可達(dá)到搜索、刪除、替換等某些特定字符串的處理方式2016-10-10
FOXHIS西軟系統(tǒng)sybase提示通知空間不足處理方法
各位酒店的電腦房經(jīng)理有沒有經(jīng)歷過(guò)在如下圖這樣的錯(cuò)誤？有時(shí)候酒店的維護(hù)費(fèi)沒有到位或者時(shí)間急迫的時(shí)候我們需要自己的操作，操作步驟如下文所述2017-01-01
這篇文章主要給大家介紹了關(guān)于如何在Ubuntu 18.04 LTS中配置IP地址的完整步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
linux中啟動(dòng)tomcat后瀏覽器無(wú)法訪問(wèn)的解決方法
最近在啟動(dòng)了tomcat后發(fā)現(xiàn)了一些問(wèn)題，通過(guò)查找相關(guān)資料終于解決了，下面將解決方法分享給大家，這篇文章主要給大家介紹了關(guān)于linux中啟動(dòng)tomcat后瀏覽器無(wú)法訪問(wèn)的解決方法，需要的朋友可以參考下。2017-12-12
Linux Web服務(wù)器網(wǎng)站故障分析常用命令
這篇文章主要為大家詳細(xì)分析了Linux Web服務(wù)器網(wǎng)站故障，利用常用命令查看故障,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
Linux（CentOS）環(huán)境下安裝下載Nginx并配置
本篇文章主要介紹了Linux（CentOS）環(huán)境下安裝下載Nginx并配置 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
apache You don''t have permission to access /test.php on thi
這篇文章主要介紹了apache You don't have permission to access /test.php on this server解決方法,需要的朋友可以參考下2015-04-04
Ubuntu基礎(chǔ)設(shè)定:openssh-server的安裝和使用介紹
今天小編就為大家分享一篇關(guān)于Ubuntu基礎(chǔ)設(shè)定:openssh-server的安裝和使用介紹，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
Linux系統(tǒng)中 /etc/fstab 文件的深入解讀
這篇文章主要給大家介紹了Linux系統(tǒng)中 /etc/fstab 文件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
vscode連接遠(yuǎn)程Linux服務(wù)器及免密登陸的詳細(xì)步驟
這篇文章主要介紹了vscode連接遠(yuǎn)程Linux服務(wù)器及免密登陸,本文分步驟給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08