VSCode 修改界面字体 代码字体 终端字体

界面字体

VSCode 默认不支持修改界面字体, 但可以通过插件 “Customize UI” 来修改

1. 安装插件 “Customize UI”

安装完成后, 按照右下角的提示操作, 最后重启 VSCode

2. 修改 “Customize UI” 配置

在 UI 界面修改, 依次点击: File/Preferences/Settings/Extensions/Customize UI

或者在配置文件中添加以下内容

{
    
    
    "customizeUI.font.monospace": "Fira Code",
    "customizeUI.font.regular": "Fira Code"
}

Fira Code 字体下载位置: https://github.com/tonsky/FiraCode/releases

ubuntu 中安装 “Fira Code” 字体:

# 最好在临时目录解压
cd ~
mkdir Temp
mv Fira_Code_v6.2.zip ~/Temp
cd Temp
unzip Fira_Code_v6.2.zip
# 解压后将 ttf 子文件夹重命名并移至 /usr/share/fonts 下
sudo mv ttf /usr/share/fonts/FiraCode

代码字体

通过 UI 界面修改, 依次点击: File/Preferences/Settings/Text Editor/Font

在原有配置的最前面添加 ‘JetBrains Mono’

或者在配置文件中修改, 这里以 VSCode Linux 版本为例

{
    
    
    "editor.fontFamily": "'JetBrains Mono', 'Droid Sans Mono', 'monospace', monospace",
}

代码字体推荐使用 “JetBrains Mono”, 下载位置: https://github.com/JetBrains/JetBrainsMono/releases

在这里你可以预览各种字体在 VSCode 中的样式

进而在这里下载字体

终端字体

通过 UI 界面修改, 搜索栏输入 “font”, 然后选中 “Terminal”. 右侧第一项就是终端字体的配置

或者修改配置文件, 添加以下内容

{
    
    
	"terminal.integrated.fontFamily": "Cascadia Code"
}

终端字体推荐使用 “Cascadia Code”, 下载位置: https://github.com/microsoft/cascadia-code/releases