為了在前端正確地顯示字型，瀏覽器必須使用正確的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 資訊：

<FilesMatch ".(eot|ttf|otf|woff|woff2)">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>

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