Apache/Nginx下Font Awesome在Firefox中不顯示怎么解決

本篇內容主要講解“Apache/Nginx下Font Awesome在Firefox中不顯示怎么解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Apache/Nginx下Font Awesome在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.

復制代碼 代碼如下:

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

到此，相信大家對“Apache/Nginx下Font Awesome在Firefox中不顯示怎么解決”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！