VSCode设置中英混合等宽字体

1. 缘由

VSCode 中的 alt+shift 快捷键能够同时操作多列,但其前提是被操作的部分要完全对齐,这就要求 VSCode 编缉器使用的字体得是等宽的。

2. 配置

2.1 字体

  • 如果只是单纯使用英文或中文,则使用常见的等宽字体即可,比如 Monospace
  • 如果有中英文混合使用,则常见的等宽字体就无法保证中英文之间也能很好地对齐。因为中文汉字是全角字符,而英文字符是半角字符。系统上一般没有中英文对齐的字体,因此需要下载额外的字体:
  1. Sarasa-Mono-SC-Nerd:一款开源的字体,它有一个中英文对齐字体族,中英文字体宽度比例完美符合 2:1 。
  2. Sarasa-Gothic:另一款开源的字体,它里面包含的中英文对齐字体,中英文字体宽度比例同样完美符合 2:1。

2.2 安装

Sarasa-Gothic 字体和 Windows、Arch Linux 系统为例:

  • Windows:下载 Sarasa-Gothic 字体,根据 Sarasa-Gothic 仓库给出的使用文档,生成 ttf 或 ttc 字体文件,然后将字体文件拷贝到 C:\Windows\Fonts 目录下。
  • Arch Linux:Sarasa-Gothic 已被收录到 AUR 中,故可以直接在终端使用命令安装:
1
yay -S ttf-sarasa-gothic

Arch Linux 下对于无法使用命令直接安装的字体,也可以放到自定义的文件夹下,然后拷贝到 /usr/share/fonts 下,最后再使用命令刷新 fontconfig 的字体缓存:sudo fc-cache -vf

2.3 查看

一个字体文件可能包含多个字体族,对于每个字体族的样式和名字,需要打开字体文件查看:

  • Windows:直接点击打开,左上角就会显示当前字体族的名字,下方会显示预览。如果当前字体文件包含多个字体族,可以在右上角点击进行切换(TTC 字体文件一般包含多个字体族)。
  • Arch Linux:
  1. 查看字体文件中包含的所有字体族名称
1
fc-query -f '%{family}\n' font.file

有些字体族有中英双名称,显示时会并列在一行输出,并用 , 分隔开。

  1. 安装字体文件
    将字体文件放到自定义的文件夹下,然后拷贝到 /usr/share/fonts 下,最后再使用命令刷新系统字体缓存:
1
sudo fc-cache -vf
  1. 预览字体族
    打开系统设置,搜索 「font」,进入到 「Font Management」,然后根据前面查询到的字体族名称,在搜索框查找对应字体族的预览。

【注】一般名称中有「mono」或「等距」即表示该字体族是等宽字体。

2.4 设置

下载好所需字体并安装到系统后,即可在 VSCode 中进行设置。进入到 VSCode 的「Settings」页,搜索 editor.fontfamily,显示的首项即是所要设置的项。然后将想要设置的字体族名称放在首位即可,比如可以选择以下几款中英混合等宽字体:

在设置 VSCode 字体时,如果字体名称包含空格,则需用引号将字体名称括起。此外,VSCode 允许同时设置多个字体,不同字体间用 , 分隔,VSCode 则会按照给出的字体名称顺序选择。当第一个字体能够在系统上找到,则使用第一个字体;否则判断第二个字体,依次类推。比如:

1
"Sarasa Mono SC Nerd", "Sarasa Mono SC"

附录

参考资料:


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!