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;
  }

  // 定义传统字体
  // 「传统字体」仅供设计参考。主旨为标题用楷体，正文用宋体，表头等客观指标描述场合用黑体。
  // 由于渲染机制等原因，应尽量避免衬线、非衬线字体混排，会引起行高不一致的bug。
  &--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;
    }

    // 说明文字、表头等反应客观指标、事物的位置使用黑体
    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;
  }
}