Twitter bootstrap SASS：覆盖引导SCS

这是我的

styles.scss

文件内容：

// Core variables and mixins
@import "variables.scss";
@import "mixins.scss";
// Global CSS
@import 'bootstrap/scss/bootstrap.scss';
@import "global.scss";
@import "nav.scss";
@import "resume-item.scss";
@import "bootstrap-overrides.scss";

使用此输入顺序，可以正确加载字体：

但是，如果我写

@import'bootstrap/scss/bootstrap.scss'@import“global.scss”之后的code>字体未加载：


我不太明白为什么它没有被应用

\u global.scss
文件是：

h1, h2, h3, h4, h5, h6 {
  @include heading-font;
  font-weight: 700;
  text-transform: uppercase;
  color: $gray-800;
}

而
heading font
是在
\u mixins.scss
上声明的mixin：

@mixin heading-font {
  font-family: 'Saira Extra Condensed', serif;
}

有什么想法吗？
bootstrap.scss包含它自己的_type.scss文件，作为交换，它在一开始就包含这种样式：

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: $headings-margin-bottom;
    font-family: $headings-font-family;
    font-weight: $headings-font-weight;
    line-height: $headings-line-height;
    color: $headings-color;
}

因此，由于SCS包含的顺序，您的样式将被简单地覆盖。
在引导后加载您的自定义SAS。在自己的CSS中使用标题标签引导。我不太明白你的意思。。。我应该遵守什么规则？将我的自定义文件放在引导之前，即。？