如何在我的 CSS 中使用阿拉伯字体？

Question

我刚刚发现没有阿拉伯字体生成器，因为连接字母的问题......这是否意味着我唯一的选择就是从 fonts.com 获取它？有谁知道我可以在哪里获得优质的阿拉伯字体用于我的网站？

#ArbText01 {
    position:absolute;
    top:130px;
    right:10px;
    font-family:adobe arabic;
    font-size:30px;
    color:#fb5e08;
    padding-top:0px;
    padding-bottom:0px;
    direction:rtl;
}

<div id='ArbText01'>ةالفصح
        </div>

http://arabic001.com/home.html

Answer 1

这是在 css 中获取字体的一种简单方法：

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

.droid-arabic-kufi {
  font-family: 'Droid Arabic Kufi', serif;
}

查看 http://fonts.googleapis.com

Answer 2

阿拉伯字体是什么意思？我们每天使用的大多数“普通”字体在 CSS 中都可以正常工作。但请确保在需要时设置 RTL 属性。毕竟，您不希望阿拉伯人从左到右阅读，是吗？ :-)

（与英文网站结合起来看起来很有趣，但这正是阿拉伯语和其他 RTL 语言所需要的）

Answer 3

您应该提供这样的字体：

@font-face {
    font-family: 'mywebfont';
    src: url('adobe_regular.eot');
    src: url('adobe_regular.eot?#iefix') format('embedded-opentype'),
         url('adobe_regular.woff') format('woff'),
         url('adobe_regular.ttf') format('truetype'),
         url('adobe_regular.svg#adobe_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

现在您应该使用 'mywebfont' 作为字体系列。

Answer 4

您总可以从某个地方找到免费字体。我确信快速的谷歌搜索会产生很好的结果。如果您谈论让它们工作，您需要研究 UTF-8 编码，以便所有字符都能正确显示。

Answer 5

我将展示如何轻松地将“droidarabickufi”字体集成到您的CSS文件中，以及如何轻松地将其应用到整个文档（而不是将其应用到单个类）。

首先，在 CSS 文档顶部添加此行...

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

然后将规则应用于“HTML”标记（将其应用于整个文档）。

html{font-family: 'Droid Arabic Kufi', serif;font-size:100%;}

< strong>注意：您必须检查另一个类是否使用自定义字体系列，例如“Tahoma”或“Sans”或“Arial”或其他字体。