为VSCode 设置好看的字体：Operator Mono

字体资源地址

FiraCode 和 Operator Mono 字体下载地址

---

一、效果

话不多说，先上图，看看效果是不是大家需要的，咱们再继续往下看：

JS 代码效果：

CSS 文件效果

HTML 文件效果

这里的白色背景主题是可以更换的，主要是字体，如果觉得我这个白色背景丑的，请不要在意这些细节，哈哈哈

---

二、设置字体

下载字体：

这里需要安装两种字体，由于 Operator Mono 需要建立在 Fira Code 字体的环境基础上，所以也要安装 Fira Code 字体，然后安装 Operator Mono。

• Fira Code 字体下载地址：https://github.com/tonsky/FiraCode
• Operator Mono 字体下载地址：https://www.typography.com/fonts/operator/styles
• 可在我的 GitHub 上直接下载：https://github.com/beichensky/Font

在电脑上安装对应的字体

下面是在 Mac 上如何安装字体的图文，若需要在 windows 上安装，请自行查看字体安装的方式。

按住 cm