如何在SASS和LESS中定义Web字体

Question

我对SASS相当新，我已经使用了LESS一段时间，但主要是为了变量和避免供应商前缀。我通常在CSS中定义Web字体。 SASS和LESS是否相同？它似乎对我不起作用。在这个测试示例中，我将所有元素设置为Interstate字体。

/* Interstate font */
@font-face {
  font-family: Interstate;
  src: url(fonts/Interstate-Regular.otf);
}

* {
  font-family: 'Interstate' !important;
}

Answer 1

您错过了name和uri的单引号

/* Interstate font */
@font-face {
  font-family: 'Interstate';
  src: url('fonts/Interstate-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}