瀏覽器不能正確顯示阿拉伯字體

這是我的英雄應用程序：https://majeddh.herokuapp.com;我現在正在使用它來測試字體。瀏覽器不能正確顯示阿拉伯字體

這是我的HTML代碼：

<?php echo 'majed'?><html> 
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 

<style> 
    @import url('lateef.css'); 

    h1 { 
     font-family: 'Lateef'; 
    } 

    .wf-active h1 { 
     visibility: visible; 
    } 
    h2{ 
    font-family:'lateef1';} 
</style> 

<body> 
<h1>This headline will be hidden until Droid Sans is completely loaded.</h1> 
<h1>ماجد</h1> 
<h2>This headline will be hidden until Droid Sans is completely loaded.</h2> 
<h2>ماجد</h2> 
</body> 
</html>

這是CSS：

@font-face { 
     /*this is arabic*/ 
    font-family: 'Lateef'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://majeddh.herokuapp.com/FS_Metal2.TTF) format('truetype'); 
} 
@font-face { 
     /*this is english*/ 
    font-family: 'Lateef1'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://majeddh.herokuapp.com/FS_Metal1.ttf) format('truetype'); 
}

我不知道是哪裏的問題;英文字體出現，但阿拉伯文不會，並且我嘗試了3種不同的字體，並出現相同的問題。

來源

2013-03-26 Majed DH

Lateef1適合我，而Lateef不適合。你確定Lateef有正確的碼點嗎？阿拉伯語必須在unicode表格中，並且Lateef必須有這些點。 – Rudie 2013-03-26 13:50:29

當我使用Firefox訪問你的頁面，Firebug控制檯說：

「NetworkError：404未找到 - https://majeddh.herokuapp.com/FS_Metal2.ttf」

這似乎可以解釋這一切 - 字體文件丟失（在服務器上）。

來源

2013-03-26 13:57:57

我更新了代碼，它是'FS_Metal2.TTF' – 2013-03-26 14:14:05

來源

2013-03-26 17:55:27

瀏覽器不能正確顯示阿拉伯字體

回答

相關問題