修改typora主题的字体


简 述: 在 mac 中修改 typora 主题的英文和中文的字体,使得码字更加舒服(win 也有效)。


书写环境:

💻: MacOS 10.14.6 📎 typora 0.9.9.32.1


痛点与需求:

在 mac 上面默认是使用的 github.css 主题的文字。发现 其中 I 与 l 显示效果相同(大写的 i 与小写的 L);长得一样,容易混淆;

于是就产生了想要修改一下 typora 的英文显示字体,干脆顺便把中文字体也一起换掉。

  • 当前效果:

  • 期望效果:


修改 css 配置:

步骤如下:

  • 打开 typora-偏好设置-外观-打开主题设置,进入目录文件下

  • 将原文件 github.css 备份一份,重名为 github.css.backup,留作为日后恢复

  • 修改 github.css 文件,使用文本编辑器打开,查找 font-family ,找到如下

    • 将可以找到如下的内容

      body {
          font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
          color: rgb(51, 51, 51);
          line-height: 1.6;
      }
      
    • 然后将其替换为

      body {
          font-family: "Monaco","PingFangSC-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
          color: rgb(51, 51, 51);
          line-height: 1.6;
      }
      
    • 其他的 font-family 都是不需要替换的,

  • 修改完成之后,一定要重启 typora,才会在再次生效


说明:

  • 通常使用到的只是 font-family: "Monaco","PingFangSC-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;

    通常只是第一个值;第一位表示文章遇到的英文都显示为 Monaco 字体(也只有英文);其次遇到的中文,再用 PingFangSC-Regular 字体来显示;倘若本机中没有底这两种字体,再顺延尝试第三个 Helvetica 字体和第四个 Helvetica 字体。


关于字体选择:

  • mac 下:
    • 英文字体:Monaco
    • 中文字体:PingFangSC-Regular
  • win 下:
    • 英文字体:Consolas
    • 中文字体:?(随你喜好)

这两款字体字体,大概是对应平台使用起来,最舒服的字体,经过多次尝试之后;其中 mac 下是默认没安装 Consolas 字体的。


mac 安装 Consolas 字体:

# 原文链接:[install consolas on mac](https://gist.github.com/avalonalex/8125197)
# Thanks to this post:
# http://blog.ikato.com/post/15675823000/how-to-install-consolas-font-on-mac-os-x

$ brew install cabextract
$ cd ~/Downloads
$ mkdir consolas
$ cd consolas
$ curl -O http://download.microsoft.com/download/f/5/a/f5a3df76-d856-4a61-a6bd-722f52a5be26/PowerPointViewer.exe
$ cabextract PowerPointViewer.exe
$ cabextract ppviewer.cab
$ open CONSOLA*.TTF

附带苹方字体的中英文对照:

中文font-family(英文)
苹方-简 常规体PingFangSC-Regular
苹方-简 极细体PingFangSC-Ultralight
苹方-简 细体PingFangSC-Light
苹方-简 纤细体PingFangSC-Thin
苹方-简 中黑体PingFangSC-Medium
苹方-简 中粗体PingFangSC-Semibold

常见字体中英文对照:

中文名英文名UnicodeUnicode 2
Mac OS
华文细黑STHeiti Light [STXihei]534E65877EC69ED1华文细黑
华文黑体STHeiti534E65879ED14F53华文黑体
华文楷体STKaiti534E658769774F53华文楷体
华文宋体STSong534E65875B8B4F53华文宋体
华文仿宋STFangsong534E65874EFF5B8B华文仿宋
丽黑 ProLiHei Pro Medium4E3D9ED1 Pro丽黑 Pro
丽宋 ProLiSong Pro Light4E3D5B8B Pro丽宋 Pro
标楷体BiauKai680769774F53标楷体
苹果丽中黑Apple LiGothic Medium82F9679C4E3D4E2D9ED1苹果丽中黑
苹果丽细宋Apple LiSung Light82F9679C4E3D7EC65B8B苹果丽细宋
Windows
新细明体PMingLiU65B07EC6660E4F53新细明体
细明体MingLiU7EC6660E4F53细明体
标楷体DFKai-SB680769774F53标楷体
黑体SimHei9ED14F53黑体
宋体SimSun5B8B4F53宋体
新宋体NSimSun65B05B8B4F53新宋体
仿宋FangSong4EFF5B8B仿宋
楷体KaiTi69774F53楷体
仿宋_GB2312FangSong_GB23124EFF5B8B_GB2312仿宋_GB2312
楷体_GB2312KaiTi_GB231269774F53_GB2312楷体_GB2312
微软正黑体Microsoft JhengHei5FAEx8F6F6B639ED14F53微软正黑体
微软雅黑Microsoft YaHei5FAE8F6F96C59ED1微软雅黑

参考:

偕臧x CSDN认证博客专家 架构 Qt/C++ Linux
看待世界始终保持着好奇;期待与各位的邂逅,比较喜欢Linux、C++、Qt和与技术无关的生活相关,不时折腾一下新技术,欢迎来此处https://ifmet.cn 找我玩
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页