css 阿拉伯语 ttf 字体不工作

Question

我在我的网站上使用了许多英文 ttf 字体并且效果很好，但是当我尝试使用阿拉伯语 ttf 字体做同样的事情时它不起作用，只有当我使用 otf 字体时它才有效与 ttf 相比可用的太多了。有什么方法可以使阿拉伯语 ttf 字体正常工作吗？

我正在使用此代码：

<style> 
@font-face {
font-family: myFont;
src: url(moga.ttf);
}

div {
font-family: myFont;
}
</style>

Answer 1

你的 jsFiddle 字体对我来说工作和显示正确（在 firefox 36 中），至少，它是阿拉伯文字，所以我认为这是期望的结果，虽然我无法理解它。

您使用的是什么浏览器？

更新 1

您需要确保正确引用字体 ttf，您需要将 ttf 上传到网站并将 link 上传到网站，因此仅作为示例，如果您将 ttf 保存到 /includes/fonts/CSDiwany4S_Inormal.ttf 那么你的 CSS 应该看起来像这样

@font-face {
font-family: myFont;
src: url("/includes/fonts/CSDiwany4S_Inormal.ttf");
}

div {
font-family: myFont;
}

这会奏效。 你告诉我你的字体应该是这样的：

http://photoshop.cc/wp-content/fonts/arabic_fonts_img/horr/new/Tachkili%20Font%20TTF.gif（这主要是针对这里的其他西方人，他们在 jsFiddle 上看到了原始的基本阿拉伯语字体，并假设这是预期的输出）。