0

私のウェブサイトでは 3 つの基本的な言語が使用されています。lang="en"htmlタグを入れました。CSS ファイルに次のように記述します。

body {

 ...
 font-family: 'Open Sans';
 font-size: 10pt;
 ...
}

そのため、Web サイトのテキストが英語またはロシア語の場合、Open Sansという Web フォントが使用されます。そして、これは問題なく動作します。

アルメニア語でテキストを書くときに Web フォントArian AMUを使用するようにしたいのですが、このようには機能しません。font-family: 'Open Sans', 'Ariam AMU';

CSSで、私は書きます

:lang(hy) {
    font-family: 'Arian AMU';
    font-size: 10.5pt;
    line-height: 18px;
}

テキスト全体がアルメニア語の場合はlang="hy"、タグを付けます。p

Open Sans 10pt問題は、言語がロシア語または英語の場合、アルメニア語の場合に書き込み、Ariam AMU 10.5pt行の高さが 18pxになるようにするにはどうすればよいかということです。

4

1 に答える 1

0

疑似クラス には、要素セレクターよりも:lang具体性bodyがあります。これは、あなたの場合のように、2 つのルールが競合する場合に問題を引き起こす可能性があります。競合するすべてのルールを同じ特異性で指定してみてください。

:lang(en), :lang(ru) {
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
}

:lang(hy) {
    font-family: 'Ariam AMU';
    font-size: 10.5pt;
    line-height: 18px;
}

jsFiddleを参照してください。

CSS の特異性について詳しくは、次の記事を参照してください。

于 2013-08-14T04:44:07.467 に答える