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- goto＆gt;＆gt;＆gt; http://www.fontsquirrel.com/fontface/generator

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

3-仅检查这些值：
--------＆GT;字体格式：woff
--------＆GT; Truetype Hinting：Font Squirrel
--------＆GT; X高度匹配：无
--------＆GT;子集：无子集

4-下载文件

将此代码添加到您的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" ;
}

享受吧！

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

3 个答案: