溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今晚有網友問到font-face跨域在nginx下如何配置，印象中一淘UX有文章介紹辦法，但打開文章里面相應的鏈接后發現沒內容。
搜了一下其他地方，大多數給出的都是一樣的鏈接。
所以在這里補充一下內容：
原因：
Firefox對字體文件有加載限制，也就是說不允許你隨便加載別人的字體，防止他人盜用字體。
解決辦法：
1、把字體文件放在你網站根目錄下。
2、給字體文件的http頭里面添加Access-Control-Allow-Origin屬性，以控制指定域引用你的字體文件。
nginx:
server {
...
# Fix @font-face cross-domain restriction in Firefox
location ~* \.(ttf|ttc|otf|eot|woff|font.css)$ {
add_header Access-Control-Allow-Origin "http://yoursite.com";
}
...
}
apache:
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "http://yoursite.com" </IfModule> </FilesMatch>
3、添加mine
AddType application/vnd.ms-fontobject .eot AddType font/ttf .ttf AddType font/otf .otf AddType application/x-font-woff woff
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
