关于网站字体

由于原作者没有设置中文字形,所以我们要手动设置一下。

步骤一

在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;
  • 增加font-family: $caption-font-family;


尝试二

在variables.scss中把global-font-family:改为serif !

个人比较喜欢第二种方法

你可能感兴趣的:(关于网站字体)