Question

我在这个网页上使用了Helvetica Neue Light和Fontawesome。字体在Chrome和Safari以及Firefox的INDEX页面上运行良好，但在Firefox的所有其他页面上它们都无法正常工作。

这是我的@ font-face代码：

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('HelveticaNeue-Light.eot') format('embedded-opentype'), 
         url('HelveticaNeue-Light.woff') format('woff'), 
         url('HelveticaNeue-Light.ttf')  format('truetype'),
         url('HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
}

我尝试在我的.htaccess文件中插入此代码：

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

我最终尝试了以下内容，这有效：

输入＆＃39; about：config＆＃39;在地址栏中;
搜索＆＃39; security.fileuri.strict_origin_policy＆＃39;并将其设置为false。

但是，有没有办法让字体显示而不必篡改Firefox中的设置？

Answer 1

我总是在Firefox中遇到字体渲染问题。尝试使用完整的URL（没有www）为您的文件，几个月前它对我有用。：

@font-face {
font-family: 'HelveticaNeue-Light';
src: url('http://yourwebsite.com/fonts/HelveticaNeue-Light.eot') format('embedded-opentype'), 
     url('http://yourwebsite.com/fonts/HelveticaNeue-Light.woff') format('woff'), 
     url('http://yourwebsite.com/fonts/HelveticaNeue-Light.ttf') format('truetype'),
     url('http://yourwebsite.com/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');}

字体在firefox中的索引页面上不起作用

1 个答案: