根據CSS中的方向設置字體

Question

我正在使用Wordpress。

是否有可能爲RTL文本和標題設置字體系列（我沒有使用WPML或Polylang，只是文本對齊到右側並用阿拉伯語書寫），與我的主題使用的默認設置不同？即。保留我的英語語言模板的默認字體，但使用不同的字體來顯示正確的文本和標題（h1，h2 ...）（或用阿拉伯語和希伯來語的RTL語言編寫）。

如何使用我的主題style.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作品）。