关于网站字体

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

步骤一

在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 !

个人比较喜欢第二种方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容