我正在构建一个网站,该网站从同一服务器内的子域提供资产(图像、css、javascript),一切正常,除了 Firefox 似乎没有呈现我嵌入的字体
我的 CSS(在 assets.mydomain.dev 上)
@font-face {
font-family: 'FontAwesome';
src: url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.eot?v=3.1.0');
src: url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),
url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.woff?v=3.1.0') format('woff'),
url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),
url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
font-weight: normal;
font-style: normal;
}
htaccess(在 assets.mydomain.dev 上)
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff woff
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
文件夹结构(在 assets.mydomain.dev 上)
/
/fonts
/awesome
/fontawesome-webfont.eot
/fontawesome-webfont.woff
/fontawesome-webfont.ttf
/fontawesome-webfont.svg
我一直在stackoverflow中研究一些“如何做”,例如这些
css-font-face-absolute-url-from-external-domain-fonts-not-loading-in-firefox
css-font-face-not-working-with-firefox-but-working-with-chrome-and-ie
但似乎没有一个工作,请帮助我