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上传到网站并链接到它，所以仅举例来说，如果你将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上看到原始的基本阿拉伯字体，并假设这是预期的输出）。