為了在前端正確地顯示字體，瀏覽器必須使用正確的http header來接受字體文件。如果服務器沒有設置要求的頭信息，那么有些瀏覽器就會在控制臺報錯或者直接不能顯示。

可能你的服務器已經配置好了，你無須再動任何東西。如果沒有配置好，那么你需要注意下面幾點：

首先，修改mime-type headers；

其次設置CORS headers-僅當你從不同域下獲取字體文件或者html頁面的時候。(*注意：如果你沒有設置CORS headers信息，你可以直接把字體文件(路徑)嵌入到CSS樣式中。如果你去fontello網站下載到本地的話fontello.css中就已經這樣做好了)

下面介紹兩大主流服務器的字體支持配置：

Apache

設置正確的mime-type來支持字體文件，將下面的設置加入到服務器配置文件中：AddType application/font-sfnt otf ttf

AddType application/font-woff woff

AddType application/font-woff2 woff2

AddType application/vnd.ms-fontobject eot

如果你不能修改配置文件，那么就在你的項目下新建一個*.htaccess文件，添加下面的設置：

設置CORS headers 信息：

Header set Access-Control-Allow-Origin "*"

Nginx

Nginx服務器默認是沒有支持字體的mime-type設置的，并且對.eot文件的mime-type也是不正確的。在配置文件夾下找到mime-type設置的地方。通常，在mimes.types文件下。

搜索.eot，并在下它的設置下添加下面幾行：application/font-sfnt otf ttf;

application/font-woff woff;

application/font-woff2 woff2;

application/vnd.ms-fontobject eot;

對于CORS headers 信息設置，添加下面的幾行到你的vhost配置中：location ~* \.(eot|otf|ttf|woff|woff2)$ {

add_header Access-Control-Allow-Origin *;

}

———————

作者：yypsober

來源：CSDN

原文：https://blog.csdn.net/yypsober/article/details/52012577

版權聲明：本文為博主原創文章，轉載請附上博文鏈接！

總結

以上是生活随笔為你收集整理的linux apache找不到woff2,使服务器Nginx（或者Apache）支持woff2等字体文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。