使用 @font-face CSS 样式和阿拉伯字体？

Question

我正在编写以下 CSS 代码来使用阿拉伯字体创建字体样式，并且我使用的是 Windows 操作系统...

浏览器无法读取它的问题，我正在 chrome、firefox、explorer 和 opera 上进行测试...四个浏览器无法识别字体...

这是我的 CSS 代码...

@media screen, print { @font-face {
    font-family: 'FUFONT';
    src: url(../fonts/ScheherazadeRegAAT.ttf) format("truetype-aat"), url(../fonts/ScheherazadeRegOT.ttf) format("opentype");
    font-weight:bold; } }

并按如下方式调用它...

.navigation ul li a {font-family: FUFONT, Arial, Helvetica, sans-serif; font-size:18px;}

您认为问题是什么？

Answer 1

简短的回答：到目前为止，还没有阿拉伯字体生成器，因此我们可以在网络中使用它。

进一步说明：使用 http://www.fontsquirrel.com/fontface/generator 时
与专家：

• 子集设置：无子集设置。

• CSS 格式：笑脸

您将能够在网页中看到阿拉伯字体，但有一个问题：没有字母重塑这意味着一个单词的字母不会连接在一起，因为目前还没有生成器支持阿拉伯语所需的 OpenType 功能。

Answer 2

现在您可以使用 Amiri 字体 ( http:// www.phpandthecity.com/2012/12/use-font-face-with-arabic-font.html）

Answer 3

解决方案：

1-转到>>> http://www.fontsquirrel.com/fontface/generator

2- 在专家模式下上传您的字体

3-仅检查这些值：

-------->字体格式：woff

--------> Truetype 提示：Font Squirrel

--------> X高度匹配：无

-------->子集设置：无子集设置

4- 下载文件

5- 将此代码粘贴到您的 css 文件中：

  @font-face {
         font-family: 'Name of your font';
         src: url('url to your font.woff') format('woff');
         font-weight: normal;
         font-style: normal;
    }

6- 调用您的字体并将其应用到某些元素上

例如：

h1{
   font-family : "name of your font" ;
} 

享受它！