62 lines
1.3 KiB
SCSS
62 lines
1.3 KiB
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;
|
|
}
|
|
}
|