@字体仍然无法在FireFox中工作.字体类型问题



我知道这里有人问我这个问题,但我已经尝试了提到的解决方案,但没有任何影响。

我的CSS分类看起来像:

@font-face { 
      font-family: gillsans; 
      src: url('gillsans.TTF'); 
    } 

这适用于Chrome,但不适用于FireFox。

奇怪的是,我有另一个网站,它使用完全相同的声明,但使用不同的字体,效果很好:

@font-face
{
    font-family: bebas;
    src: url('bebas.TTF');
}

这可能与实际的字体文件有关吗?

我也试着按照建议修改我的.htaccess文件:

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

火狐再次没有结果。

我尝试过将.TTF更改为.tff,并提供文件的绝对路径,但仍然没有。

有人能建议我试试吗?

唯一可能的事情是,这个网站正在开发中,因此使用了一个临时URL,但我不明白这会对它产生什么影响

尝试其他字体类型,如eot、woff&svg。要转换,可以使用http://www.onlinefontconverter.com/

然后在您的样式或css文件中尝试此代码:

<style type="text/css">
@font-face {
    font-family:'bebas';
    src:url('bebas.eot');/*IE9 or later*/
    src:local('bebas'),/*check for font installation*/
        local('b ebas'),/*check for font installation in some browsers like Safari*/
        url('bebas.eot?#iefix') format('embedded-opentype'),/*hack for IE8 or earlier*/
        url('bebas.woff') format('woff'),/*new browsers*/
        url('bebas.ttf') format('truetype'),/*all browsers excpet IE*/
        url('bebas.svg#bebas') format('svg');/*old iOs*/
}
.bebas-ft{
    font-family:bebas, Tahoma, Geneva, sans-serif;
}
</style>

也不要为了这么简单的事情修改你的.htaccess文件!

所以我下载了Gill Sans的另一个版本(仍然是ttf),并替换了修复它的版本。真奇怪。

最新更新