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;
        }

但无论如何，我一直以开放式sans作为我唯一的字体。我不认为它是相关的，但这是基于bootstrap 3+的项目

Answer 1

您不需要变量来执行此操作，您可以使用CSS语法：

＆＃13;

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

＆＃13;

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

＆＃13;

无论如何，如果你想使用变量，你可以这样做：

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

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

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

如何使用：lang（）在scss中设置字体变量

1 个答案: