2

これは私のherokuappです: 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 つの異なるフォントで試してみましたが、同じ問題が発生します。

4

2 に答える 2

2

コード内の「Lateef1」と呼ばれるフォントは、実際にはバロック スクリプトであり、アラビア文字は含まれていません。「Lateef」というフォントはLucida Grandeなのですが、なぜかページの英字にも使われていません。これは、ライセンスのない使用に対するいくつかのチェックが原因である可能性があります。フォントをダウンロード可能なフォントとして合法的に使用できるかどうかを確認する必要があります。これには、著作権所有者からの許可が必要です。

于 2013-03-26T17:55:27.133 に答える
1

Firefox でページにアクセスすると、Firebug コンソールに次のように表示されます。

「ネットワーク エラー: 404 が見つかりません - https://majeddh.herokuapp.com/FS_Metal2.ttf」

これはすべてを説明しているようです - フォントファイルが（サーバー上に）ありません。

于 2013-03-26T13:57:57.967 に答える