Question

首先，我想说我搜索并发现了很多像这样的问题，我几乎尝试了解决问题的各种方法。但他们没有工作。并且请考虑这个问题不适用于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>

在野生动物园中，它运作良好。但在Firefox中，它不显示我的自定义字体。这个问题仅适用于此页面。我使用自定义字体访问许多网站，并使用自定义字体正确显示页面。所以我想知道为什么这会发生在我的页面和我做错的地方提前谢谢。

Answer 1

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

Answer 2

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

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

2 个答案: