Schriftart basierend auf Richtung in CSS setzen

Question

Ich benutze Wordpress.

Ist es möglich, eine Schriftart-Familie für RTL Text und Header (ich verwende nicht WPML oder Polylang, nur Text rechts ausgerichtet und in Arabisch geschrieben), anders als die mein Thema als Standard verwendet? dh. Behalte die Standardschriftart meiner Vorlage für die englische Sprache bei, verwende aber eine andere Schriftart für Text und Kopfzeilen (h1, h2 ...), die nach rechts ausgerichtet sind (oder in RTL-Sprache wie Arabisch und Hebräisch geschrieben sind).

Wie mache ich das mit style.css meiner Designs oder einem benutzerdefinierten CSS?

Danke.

Answer 1

Das ist schwierig, und es hängt wirklich davon ab, was genau Sie erreichen wollen und wie Sie es tun. Sie können jedoch die Tatsache nutzen, dass RTL-Blöcke (und Inline-Text) die Eigenschaft dir="rtl" verwenden, um eine allgemeine CSS-Regel festzulegen, die die Elemente mit diesen Eigenschaften erfasst.

Zum Beispiel:

<h1 dir="rtl">עברית</h1> 

Und dann eine CSS-Regel wie folgt hinzu:

*[dir="rtl"] { 
    font-family: serif; 
} 

Dies ist nicht perfekt und Sie könnten einige Anpassungen haben müssen, aber es könnte zumindest tun der Trick. Sie müssen sicherstellen, dass Ihr gesamter RTL-Text mit dir="rtl" definiert ist - was jedoch eine gute Praxis ist und was W3C-Empfehlungen sind.

Sie können this jsfiddle als ein Beispiel überprüfen (ich fügte Farben der Regel hinzu, um zu zeigen, wie es die relevanten RTL-Stücke beeinflusst).