html - 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 上看到了原始的基本阿拉伯语字体，并假设这是预期的输出)。