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 回答