美文网首页
关于网站字体

关于网站字体

作者: WIING_ccba | 来源:发表于2018-07-08 15:16 被阅读0次

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

    步骤一

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

    个人比较喜欢第二种方法

    相关文章

      网友评论

          本文标题:关于网站字体

          本文链接:https://www.haomeiwen.com/subject/tkjouftx.html