firefox 43.0.4不显示我的自定义字体

首先，我想说，我搜索并发现了很多这样的问题，并且我几乎尝试了解决问题的各种方法。但他们没有工作。并且请考虑这个问题并非针对firefox中的所有页面。它只是1页。我有一个非常简单的HTML页面是这样的：firefox 43.0.4不显示我的自定义字体

<html> 
<head> 
<meta charset="utf-8"> 
<style> 
@font-face{ 
font-family: 'BYekan'; 
    src: url('http://bloglikecms.com/tempblogfa/BYekan.eot?#') format('eot'), /* IE6�8 */ 
     url('http://bloglikecms.com/tempblogfa/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
     url('http://bloglikecms.com/tempblogfa/BYekan.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */ 
} 
body{ 
    font-family: 'BYekan',tahoma !important; 
text-align: right; 
} 
</style> 
</head> 
<body> 
<p>سلام</p> 
</body> 
</html>

在Safari，它运作良好。但在Firefox中，它不显示我的自定义字体。这个问题只是针对这个页面。我访问了很多具有自定义字体和Firefox的网站，使用自定义字体正确显示了页面。所以我想知道为什么这发生在我的网页和我做错了。
在此先感谢。

来源

2016-02-12 Arman Malekzadeh

检查“允许页面使用他们自己的字体，而不是我上面的选择“在首选项>内容>字体和颜色>高级中选中（请参阅http://stackoverflow.com/questions/12101721/firefox-font-face-doesnt-work）。 – jaume

您可以下载的字体文件并将其保存在你的HTML文件同一目录下，它会为所有的浏览器：

@font-face{ 
     font-family: 'BYekan'; 
     src: url('BYekan.eot') format('eot'), /* IE6�8 */ 
     url('BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
     url('BYekan.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */ 
    }

来源

2016-02-12 10:34:47

我不能这样做，因为它是一个博客服务。我想在我的博客模板中使用字体 –

提到<!DOCTYPE html>，并尝试一次..

来源

2016-02-12 10:44:12

@raghavendraraghu它没有工作:)我也没有想到它的工作原理，因为你写的是不相关的:) –

我认为这是其中一个原因...我试着在我的本地同样的问题，我遇到了类似的错误：跨源请求被阻止，所以字体下载失败...所以我建议下载字体并尝试它会工作..它适用于我。 –

firefox 43.0.4不显示我的自定义字体

回答

相关问题