推荐京華老宋体

前提声明：我与作者没有任何利益关系，只是单纯喜欢这个字体。之前这一款字体无法在移动端正确显示，现在由于作者对字体进行了更新，所以推荐一下这一款字体。

1. 字体链接：https://zhuanlan.zhihu.com/p/637491623

2. 下载“京華老宋体 v3.0--京華老宋体-MN 折中印刷字形.ttf”。（使用“京華老宋体 v3.0.ttf”也行，但是测试了一下还是无法在移动端上显示）。我这边使用“京華老宋体-MN 折中印刷字形.ttf”测试，已经可以在移动端上正确显示。

3. 将下载好的字体文件放在 SY\data\plugins\custom-fonts 文件夹下。放在其他文件夹下也行，但对应的 CSS 也需要进行更改。

4. 下载自定义字体插件（虽然直接使用 css 代码也能解决）

   1. 在插件的“CSS 代码片段”一栏中，添加：

      @font-face {
      font-family: "KingHwaOldSong";
      font-style: normal;
      src: url("plugins/custom-fonts/京華老宋体-MN折中印刷字形.ttf");
      }
      

   2. 我个人不是很喜欢这套字体的西文字体，所以用“Literata”代替，同样添加了下面的代码：

      @font-face {
      font-family: "Literata";
      font-style: normal;
      src: url("plugins/custom-fonts/Literata-Regular.ttf");
      }
      

      也需要将“Literata”字体文件放在 SY\data\plugins\custom-fonts 文件夹下。

   3. 在“自定义字体”插件的“字体设置”中：

      1. “基础字体”一栏填入，并且启用该功能：

         Literata
         NewYork
         

      2. “编辑器字体”一栏填入，并且启用该功能：

         Literata
         KingHwaOldSong
         

      3. 不用改西文的话“Literata”则不用添加上去

   4. 如果觉得字体太细，可以搭配 [css] 思源笔记字体渲染增强 - 代码片段 ，一齐使用，自己可更改参数（我这里是连着西文“Literata”一起改了，不用改西文的话，直接删掉 CSS 里的“Literata”）：

      :not(.katex):not(.overlaydiv):not([class*="icon"]):not([class*="button"]){
       /*使字体渲染不会应用于部分特殊字符符号和图标以及按钮等网页元素*/
      
          font-family:"Literata"  "KingHwaOldSong" !important; /*字体设置,中文字体安装对应字体后可选：苹方黑体、微软雅黑、pingfang sc regular、PingFang SC Heavy、.萍方-简、思源黑体 CN*/
          text-shadow: 0.01em 0.01em 0.01em #999999 ;  /*更改字体阴影及颜色,可修改数值实现不同的效果，链滴大佬原本数值是0.36px*/
          -webkit-text-stroke-width: 0.4px; /*更改字体描边粗细,链滴大佬原本数值是0.08px*/
          -webkit-font-smoothing: antialiased;
          text-rendering: optimizeLegibility;
      }
      
       /*使字体渲染不会应用于公式和图片制卡*/
      span:not([class="katex"]) :not([class="overlaydiv"]){
          text-shadow: 0.01em 0.01em 0.01em rgba(0,0,0,0) !important;  
      }
      
      /*使字体渲染不会应用于PDF浏览*/
      .textLayer span
      {
          text-shadow: 0.01em 0.01em 0.01em rgba(0,0,0,0) !important;  
      }
      
      /* 使字体渲染不会应用于有序列表序号 */
      .protyle-action.protyle-action--order {
          text-shadow: 0.01em 0.01em 0.01em rgba(0,0,0,0) !important;  
      }
      
       /*使字体渲染不会应用于加粗字体*/
      .b3-typography strong, .b3-typography span[data-type~=strong], .protyle-wysiwyg strong, .protyle-wysiwyg span[data-type~=strong] {
          text-shadow: 0.01em 0.01em 0.01em #999999 !important;  
          -webkit-text-stroke-width: 0px !important;
      }
      
      
      
      

   5. 使用“字体渲染增强 - 代码片段”可能导致字体加粗以后不是很明显，我使用 CSS 将字体加粗的颜色改成红色了，这个代码片段是我之前在某个作者的博客里看到的。侵删。

      .b3-typography strong, .b3-typography span[data-type~=strong], .protyle-wysiwyg strong, .protyle-wysiwyg span[data-type~=strong] {
          font-weight: 600;
          color: #dc3545;
      }
      

西文可根据个人喜好自行更改。