css - SASS CSS：字符串插值输出意外值

Question

我尝试了以下变体：

font-family: "Dosis" , Helvetica, Arial, Lucida, sans-serif;

font-family: "'Dosis'", + Helvetica, Arial, Lucida, sans-serif;

font-family: "Dosis", + Helvetica, Arial, Lucida, sans-serif;

我想要的是：

font-family: 'Dosis',  Helvetica, Arial, Lucida, sans-serif;

我得到的是：

标签： csssass

Answer 1

你不需要插值。

$dosis: 'Dosis';

.foo {
  font-family: $dosis, Helvetica, Arial, Lucida, sans-serif;
}

或者，如果您希望整个字体堆栈作为变量：

$font-stack: 'Dosis', Helvetica, Arial, Lucida, sans-serif;

.foo {
  font-family: $font-stack;
}