sass - Sass/Bourbon .css 输出与 @font-face mixin 有错误

Question

我正在使用默认的 Sass/Bourbon mixin font-face.scss 但生成的 css 是错误的，出于某种原因将body标签嵌套在@font-face. 它生成 CSS 时我没有错误，但字体当然没有显示。

有任何想法吗？

CSS 输出：

@font-face {
    body {
        font-family: AgencyFB Regular;
        font-weight: normal;
        font-style: normal;
        src: url("../../fonts/agency/agencyfb_regular.eot");
        src: url("../../fonts/agency/agencyfb_regular.eot?#iefix") format("embedded-opentype"), 
         url("../../fonts/agency/agencyfb_regular.woff") format("woff"), 
         url("../../fonts/agency/agencyfb_regular.ttf") format("truetype"), 
         url("../../fonts/agency/agencyfb_regular.svg#AgencyFB Regular") format("svg"); 
    } 
}

SCSS：

body {
@include font-face(AgencyFB Regular, "fonts/agency/agencyfb_regular");  
font: $body-font-size;
line-height: $body-line-height;
}

Answer 1

Cimmanon 的链接为我指出了正确的修复方向。谢谢！

基本上我移动了@include font-face(AgencyFB Regular, "fonts/agency/agencyfb_regular");任何css标签的外部（即：）body。

然后font-family: AgencyFB Regular在body标签中包含一个。

像这样：

@include font-face(AgencyFB Regular, "fonts/agency/agencyfb_regular");

body {
    font-family: AgencyFB Regular;      
    font: $body-font-size;
    line-height: $body-line-height;
}