Question

我知道这个问题是here，但我已经尝试过提到的解决方案没有任何影响。

我的CSS declration看起来像：

@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>

再次没有FireFox的结果。

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

任何人都可以提出我可以尝试的建议吗？

唯一可能的事情是该网站正在开发中，因此使用临时URL，但我不明白这会如何影响它。

Answer 1

尝试其他字体类型，例如eot，woff＆amp; 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文件这么简单！

Answer 2

所以我下载了另一个版本的Gill Sans（仍然是ttf）并替换了我修复它的那个版本。怪异。

@ font-face仍然无法在FireFox中运行。问题的字体类型？

2 个答案: