heti/lib/modifiers/font-stack.scss

// Author: Sivan [sun.sivan@gmail.com]
// Description: define global font stacks.
@import "../variables";

@mixin hetiFontModifier {
  // 定义默认采用无衬线字体
  // 定义无衬线字体为黑体
  &,
  &--sans {
    font-family: $font-family-hei;
  }

  // 定义衬线字体为宋体
  &--serif {
    font-family: $font-family-song;
  }

  // 定义传统字体
  &--classic {
    // 正文使用宋体
    font-family: $font-family-song;

    // 标题使用楷体 800 字重
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: $font-family-kai-black;
      font-weight: $font-weight-bolder;
    }

    // 引用使用楷体
    blockquote,
    cite,
    q {
      font-family: $font-family-kai;
    }

    // 强调、说明文字、表头使用黑体
    em,
    figcaption,
    caption,
    th {
      font-family: $font-family-hei;
    }
  }

  &--hei {
    font-family: $font-family-hei;
  }

  &--song {
    font-family: $font-family-song;
  }

  &--kai {
    font-family: $font-family-kai;
  }
}