heti/lib/modifiers/font-stack.scss
2020-02-12 12:32:06 +08:00

55 lines
877 B
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-weight: $font-weight-bolder;
}
// 标题、引用使用楷体
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
cite,
q {
font-family: $font-family-kai;
}
// 说明文字、表头使用黑体
figcaption,
caption,
th {
font-family: $font-family-hei;
}
}
}