我知道这里有人问我这个问题,但我已经尝试了提到的解决方案,但没有任何影响。
我的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),并替换了修复它的版本。真奇怪。