使用@ 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来处理font-face导入。它不适用于占位符。

@include font-face;