Wie benutze ich eine arabische Schriftart in meinem CSS?

StackOverflow https://stackoverflow.com/questions/8371256

  •  27-10-2019
  •  | 
  •  

Frage

Ich habe gerade herausgefunden, dass es keinen Generator für arabische Schriftarten gibt, weil es das Problem der Verbindung der Buchstaben verbindet ... Bedeutet das, dass die einzige Wahl, die ich habe, darin besteht, sie von fonts.com zu erhalten? Kennt jemand einen Ort, wenn ich für meine Website von guter Qualität arabischer Schriftarten erhalten kann?

#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

War es hilfreich?

Lösung

Was meinst du mit arabischen Schriftarten? Die meisten "normalen" Schriftarten, die wir jeden Tag verwenden, funktionieren in CSS gut. Stellen Sie jedoch sicher, dass die RTL -Eigenschaften bei Bedarf einstellen. Schließlich möchten Sie nicht, dass Arabische von links nach rechts lesen, oder? :-)

<html dir="rtl"> (In Kombination mit einer englischen Website sieht es lustig aus, aber es ist das, was Sie für arabische und andere RTL -Sprachen brauchen.)

Andere Tipps

Sie sollten einen solchen Schriftart anbieten:

@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;
}

Und jetzt sollten Sie verwenden 'mywebfont' als Schriftfamilie.

Hier ist eine einfache Möglichkeit, Schriftarten in CSS zu erhalten:

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

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

Ansehen http://fonts.googleapis.com

Sie konnten immer eine kostenlose Schriftart von irgendwo finden. Ich bin sicher, dass eine schnelle Google -Suche hervorragende Ergebnisse liefern würde. Wenn Sie darüber sprechen, sie zum Laufen zu bringen, müssen Sie sich mit der UTF-8-Codierung befassen, damit alle Zeichen richtig angezeigt werden.

Ich werde zeigen, wie einfach die Integration der Integration "Droidarabickufi" Beschreiben Sie in Ihre CSS -Datei und wie einfach, sie auf Ihr gesamtes Dokument anzuwenden (anstatt sie auf einzelne Klassen anzuwenden).

Fügen Sie zuerst diese Zeile oben in Ihrem CSS -Dokument hinzu ...

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

Wenden Sie dann die Regel auf das "HTML" -Tag (um sie für den gesamten DOC zu beantragen).

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

Notiz: Sie müssen überprüfen, ob eine andere Klasse eine benutzerdefinierte Schriftfamilie wie "Tahoma" oder "Sans" oder "Arial" oder andere verwendet.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top