跳转至

字体

个人对字体的追求是等宽、圆润、饱满。比如 Consolas / 微软雅黑。厌恶衬线字体，如宋体 / Times New Roman 等。不喜欢瘦小的字体，如 等线 / Arial。

Nerd Font

优先使用 Nerd Font，在终端对图标具有较好的支持性。

可以前往 https://www.nerdfonts.com/font-downloads 进行挑选。

目前我使用 UbuntuMono Nerd Font Mono (英文 + 符号) + Microsoft YaHei Mono (中文)

Microsoft YaHei Mono.ttf

Ubuntu Mono Nerd Font Complete Mono Windows Compatible.ttf

Ubuntu Mono Nerd Font Complete Mono.ttf

能实现 VS Code 下中英文严格等宽，1 个中文字符对应 2 个英文字符。

Microsoft-Yahei-Mono

一直用着比较舒服的字体，中文部分使用微软雅黑，英文部分使用 Consolas。

https://github.com/chenyium/Microsoft-Yahei-Mono

字体设置

Windows

使用 noMeiryoUI 进行系统字体强制替换

Chrome

安装 Stylus 插件，编写 CSS

*:not([class*="icon"]):not(i) {
  font-family: "UbuntuMono Nerd Font Mono","UbuntuMono NF","Microsoft YaHei Mono" !important;
}

在 chrome://settings/fonts 把字体全部改掉

VS Code

更改配置

{
  "editor.fontFamily": "UbuntuMono Nerd Font Mono,UbuntuMono NF,Microsoft YaHei Mono",
  "markdown.preview.fontFamily": "UbuntuMono Nerd Font Mono,UbuntuMono NF,Microsoft YaHei Mono",
  "terminal.integrated.fontFamily": "UbuntuMono Nerd Font Mono,UbuntuMono NF,Microsoft YaHei Mono"
}

界面(workbrach)字体更改可以使用 windhawk 或 文件替换 方案。个人而言，我在 Windows 上使用 windhawk，macOS 上使用文件替换，ArchLinux + KDE 中则会去读取系统设定字体，非常省心。

windhawk

参考 https://github.com/microsoft/vscode/issues/519#issuecomment-1196038396

优点: VS Code 更新后不需要重新操作；不修改 VS Code 文件，不太容易搞崩

缺点: 只有 Windows 能用，会在后台跑一个进程

只需下载后再安装 VSCode Tweaker

设置代码片段为 inline 的 CSS，内容为 .windows {font-family: "Microsoft YaHei Mono" !important;}

文件替换

参考 https://gist.github.com/cloorc/6405b45d13fb304906f0461c7cffeca4

优点: 不限制操作系统

缺点: 每次更新后都需要重新修改；有把 VS Code 搞崩的风险

以 macOS 为例

定位到 /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css

将

.mac:lang(zh-Hans){font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}

改成

.mac:lang(zh-Hans){font-family:"Microsoft YaHei Mono",-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}

macOS 也可以使用脚本

sed -i '.backup' 's/.mac:lang(zh-Hans){font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}/.mac:lang(zh-Hans){font-family:"Microsoft YaHei Mono",-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}/' "/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css"