scansのフォント変数を設定するlang（）使用方法

Question

SCSSを使用して：lang（）セレクタを使用してフォント変数を設定するにはどうすればよいですか？私はいくつかの方法を試してみましたが、結局のところデフォルト言語が出力されることになります。

私はもともとアプローチのような単純なことを考えていました。

$font-main: "Open Sans",Helvetica,Arial,sans-serif; 
:lang(fa) { 
    $font-main: "IranianSansRegular", serif; 
    } 

body {font-family: $font-main;} 

はその後もこの

$font-main: "Open Sans",Helvetica,Arial,sans-serif; 

body { 
    font-family: $font-main;  
     &:lang(fa) { 
     $font-main: "IranianSansRegular", serif; 
     } 

を試してみました。しかし、私は何があっ私の唯一のフォントとしてオープンサンセリフで終わる続けます。私は、その関連がないと思うが、これはsのあなたはCSSの構文を使用することができ、それを行うための変数を必要としないブートストラップ3+ベースのプロジェクト

Answer 1

です：とにかく

body { 
 
    font-family: Arial,sans-serif; 
 
    color:blue; 
 
} 
 

 
:lang(fa) { 
 
    font-family: Georgia, serif; 
 
    color:red; 
 
}

<p>Normal text</p> 
 
<p lang="fa">Text width lang attribute and "fa" value</p>

変数を使用する場合は、次のようなことができます。

$font-main: "Open Sans",Helvetica,Arial,sans-serif; 

body{ 
    font-family: $font-main; 
} 

:lang(fa) { 
    $font-main: "IranianSansRegular", serif; 
    &{ 
     font-family: $font-main; 
    } 
}