![在 VSCode 上使用 JetBrainsMono](/static/56bbd19ebe552e16143432b7a701f913/55f6f/img.png)
在 VSCode 上使用 JetBrainsMono
2020 年 12 月 02 日 • 2 分钟
技术
最近知乎推送了一个介绍 JetBrains Mono 字体的文章,仔细看了看发现这字体已推出一年多了。看来只有火星人才能救得了火星人 (= v =),JetBrains Mono 的官网:
正如大家看到那样,官方称此字体是 for developers 的,看了看也确实在我的审美之上。我认为字体的亮点主要在于它对代码符号连接的优化,如官网所示:
![特性介绍](/static/9169d7a37c04d3de3311249956432323/7da98/good.png)
在 VSCode 上使用字体
但官网给的安装介绍实在太简短了,自己在这补充下(特别是符号的连字功能,网上几乎没人介绍怎么在 VSCode 上实现)
打开 VSCode 的 首选项
找到 设置
打开,输入 font
找到字体的相关设置
![字体设置](/static/84e95f9a02531e6bb0e218048131e65f/7da98/fontSetting.png)
把 Font Family
里的第一项修改为 JetBrains Mono
后,字体就能使用了,但要使用符号的连字功能还需要修改下面那项的 Font Ligatures
,如下高亮处显示,将 null
替换成 JetBrains Mono
即可:
![字体设置](/static/62434cd3f7df994bd457149796aadbaa/a453a/fontFamily.png)
使用效果
下面来看看 JetBrains Mono 和 Consolas 字体的区别(以我写的一段 JS 代码为例)
- JetBrains Mono 字体
![JetBrains Mono 字体](/static/d24a6060fb0d7651ff475dbe9d297c22/5537a/jbm.png)
- Consolas 字体
![Consolas 字体](/static/b44a8e71d5d622fd894558f09fb49034/5537a/csl.png)
如上,连字正常~另外汉字部分是我修改为了 “幼圆” 字体,感觉更契合 JetBrains Mono 些。啊,我回不去了 (@ A @)
本文最后于2022 年 05 月 25 日更新,一些操作可能已经过时