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中都可以正常工作。确保在需要时设置RTL属性。毕竟，你不希望阿拉伯人从左到右阅读，对吗？： - ）

<html dir="rtl">（结合英文网站看起来很有趣，但这是阿拉伯语和其他RTL语言所需要的）

Answer 2

你应该提供这样的字体：

@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 3

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

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

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

查看http://fonts.googleapis.com

Answer 4

你总能找到某个地方的免费字体。我相信快速谷歌搜索会产生出色的效果。如果您谈论让它们工作，您需要查看UTF-8编码，以便正确显示所有字符。

Answer 5

我将展示如何将“ droidarabickufi” 字体集成到CSS文件中以及将其应用于整个文档（而不是将其应用于单个类）有多么容易。

首先，将此行添加到CSS文档的顶部...

docker inspect -f "{{ .NetworkSettings.Networks.nat.IPAddress }}" s1233

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

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

注意：您必须检查其他类是否使用了自定义字体家族，例如“ Tahoma”或“ Sans”或“ Arial”或其他字体。

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

5 个答案: