css - 带有@font-face 的 Sass 占位符

Question

Sass 占位符被提升到已编译样式表的顶部。我想利用它来强制任何@font-face声明到我的样式表的顶部（在任何其他编译的占位符之前）。

但是当我尝试这样做时：

%font-face {
  font-family: 'FontName';
  src:url('fonts/FontName.eot');
  // other font files
}

@font-face {
  @extend %font-face;
}

Sass 给了我这个错误：Extend directives may only be used within rules.

有谁知道使 Sass 占位符工作@font-face的方法或具有相同结果的解决方法？

Answer 1

您应该使用 mixin 来处理字体导入。它不适用于占位符。

@include font-face;