Sass/Bourbon.css输出有@font-face mixin错误
我使用的是默认的Sass/Bourbon mixin font-face.scss,但生成的css是错误的,因为某些原因,将Sass/Bourbon.css输出有@font-face mixin错误,sass,mixins,bourbon,Sass,Mixins,Bourbon,我使用的是默认的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;
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:
Cimmanon的链接为我指明了正确的修复方向。谢谢 基本上我移动了
@include字体(AgencyFB Regular,“font/agency/AgencyFB_Regular”)代码>位于任何css标记之外(即:body
)
然后在body
标记中包含字体系列:AgencyFB Regular
像这样:
@include font-face(AgencyFB Regular, "fonts/agency/agencyfb_regular");
body {
font-family: AgencyFB Regular;
font: $body-font-size;
line-height: $body-line-height;
}
不确定您期望的是什么,但是@font-face{body{}}
与body{@font-face{}}
一样无效。那么您还可以将@include-font-face
放在哪里?输出的css应该有一个单独的@font-face
部分和一个body
部分,其中包括font-family:AgencyFB-Regular
,但它正在嵌套它。您是否尝试检查相关链接<代码>------------->
(提示:)
@include font-face(AgencyFB Regular, "fonts/agency/agencyfb_regular");
body {
font-family: AgencyFB Regular;
font: $body-font-size;
line-height: $body-line-height;
}