Установить шрифт на основе направления в CSS

Question

Я использую Wordpress.

Можно ли установить семейство шрифтов для текста и заголовков RTL (я не использую WPML или Polylang, только текст выровнен справа и написан на арабском языке), отличный от того, который использует моя тема по умолчанию? то есть. сохраните шрифт по умолчанию для моего шаблона для английского языка, но используйте другой шрифт для текста и заголовков (h1, h2 ...), выровненный по правому краю (или написанный на языке RTL, таком как арабский и иврит).

Как это сделать, используя стиль my.css или собственный CSS?

Спасибо.

Answer 1

Это сложно, и это действительно зависит от того, что именно вы хотите достичь и как вы это делаете. Однако вы можете воспользоваться тем фактом, что RTL-блоки (и встроенный текст) используют свойство dir="rtl" для установки общего правила CSS, которое захватывает элементы, которые имеют эти свойства.

Например:

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

А затем добавить правило CSS, как это:

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

Это не является совершенным, и вы, возможно, придется иметь некоторые коррективы, но это может по крайней мере сделать Хитрость. Вы должны убедиться, что весь текст RTL определен с помощью dir="rtl" - что является хорошей практикой независимо от того, какие рекомендации W3C есть.

В качестве примера можно указать this jsfiddle (я добавил цвета в правило, чтобы показать, как он влияет на соответствующие фрагменты RTL).