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

【问题标题】：firefox 43.0.4 doesn't show my custom fontfirefox 43.0.4 不显示我的自定义字体
【发布时间】：2016-05-23 08:29:26
【问题描述】：

首先，我想说的是，我搜索并发现了很多这样的问题，并且我几乎尝试了所有解决问题的方法。但他们没有工作。并且请考虑这个问题并不适用于 Firefox 中的所有页面。它仅适用于 1 页。我有一个非常简单的 html 页面，像这样：

<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 使用自定义字体正确显示了该页面。所以我想知道为什么我的页面会发生这种情况以及我做错了什么。
提前致谢。

【问题讨论】：

在“首选项”>“内容”>“字体和颜色”>“高级”中选中“允许页面使用自己的字体，而不是我上面的选择”。

标签： html css firefox fonts

【解决方案1】：

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

【讨论】：

@raghavendraraghu 它没有用 :) 我也没想到它会起作用，因为你写的东西不相关 :)
我认为这是原因之一......我在本地尝试了同样的问题，我遇到了如下错误：Cross-Origin Request Blocked so font download is failed...所以我建议下载字体并尝试它会起作用..它对我有用。

【解决方案2】：

您可以下载字体文件并将它们保存在您拥有 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+ */
    }

【讨论】：

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