资产字体嵌入的CSS不适用于Firefox

时间:2013-08-26 08:33:50

标签: css fonts

我正在构建一个从同一服务器内的子域服务资产(图像,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

但似乎没有工作,请帮帮我

0 个答案:

没有答案