由于原作者没有设置中文字形,所以我们要手动设置一下。
步骤一
在sass/_variables.scss中,找到/* system typefaces */一段,复制粘贴到自己的皮肤文件中来
步骤二
添加中文字形,如下
$serif: DFKai-SB,Kai,Kaiti SC,KaiTi,BiauKai,\\6977\4F53,\\6977\4F53_GB2312,Songti SC,Georgia, Times, serif !default;
$sans-serif: "Helvetica Neue",YouYuan,\\5E7C\5706,幼圆,"Segoe UI",-apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI","Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
步骤三
完成以上步骤还不完美,无论是正文还是标题都使用了无衬线字体,我们要使正文使用衬线字体
我做了两种尝试
尝试一
- 找到此目录_sass/minimal-mistakes/_base.scss
- 删除把body控制的全局的font-family: $global-font-family;
-
给<p>增加font-family: $caption-font-family;
尝试二
在variables.scss中把global-font-family:改为serif !
网友评论