2016-07-06 4 views
0

私はWordpressを使用しています。CSSの方向に基づいてフォントを設定

RTLのテキストとヘッダー(私はWPMLまたはPolylangを使用せず、アラビア語で書かれたテキストのみ)を設定することはできますか?すなわち、私のテンプレートのデフォルトフォントを英語にしておきますが、テキストとヘッダー(h1、h2 ...)には別のフォントを使用してください(アラビア語やヘブライ語のRTL言語で書かれています)。

テーマのstyle.cssやカスタムCSSを使用してどうすればよいですか?

ありがとうございました。

答えて

0

これは難しいことですが、実際に達成したいことと実行する方法によって異なります。ただし、RTLブロック(およびインラインテキスト)がdir="rtl"プロパティを使用して、これらのプロパティを持つ要素を取得する一般的なCSSルールを設定するという利点があります。例えば

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

これは完璧ではない、あなたはいくつかの調整を持っている必要がありますが、それは、少なくとも行うことができます:

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

そして、このようにCSSルールを追加しますトリック。あなたのRTLテキストがすべてdir="rtl"で定義されていることを確認する必要があります。これは、W3Cの推奨事項とは無関係に良い習慣です。

例としてthis jsfiddleをチェックすることができます(関連するRTL部分にどのように影響するかを示すために、ルールに色を追加しました)。

関連する問題