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

2024-05-18 04:54:36

界面字体

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

安装插件 “Customize UI”

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

修改 “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

VSCode 修改界面字体代码字体终端字体相关推荐

android 字体代码是什么字体,Android上的CSS字体
我正在使用@ font-face在网站上显示联盟哥特式,但它并没有显示在 Android 1.6上.这是我的代码,生成与 Font Squirrel's @font-face generator @f ...
php发光字体代码,CSS3实现字体发光效果（代码实例）
本文给大家介绍CSS3如何实现字体发光效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. text-shadow 该属性为文本添加阴影效果text-shadow: h- ...
linux桌面字体怎么改英文,英文界面Ubuntu，修改界面默认雅黑字体 - XiZi's Blog
1.对于默认使用中文字体的问题: 用Ubuntu 的英文界面的朋友,进入系统后字体是Bitmap, 在evolution中收中文邮件时,新邮件里的中文乱码. 一定是字体出了问题,检查后发现在切换到英文 ...
linux桌面字体改中文,英文界面Ubuntu，修改界面默认雅黑字体
1.对于默认使用中文字体的问题: 用Ubuntu 的英文界面的朋友,进入系统后字体是Bitmap, 在evolution中收中文邮件时,新邮件里的中文乱码. 一定是字体出了问题,检查后发现在切换到英文 ...
【VsCode修改侧边栏字体大小——用缩放的方法】
VsCode修改侧边栏字体大小--用缩放的方法缩放界面字体百分比(包括编辑器界面) 1.Vscode界面缩放 2.Text Editor字体大小调节缩放界面字体百分比(包括编辑器界面) 如果只修改 ...
配置vscode终端字体
Linux下配置vscode终端字体: 在Ubuntu 18.04.1LTS 下的解决方案(亲测可用),其他版本linux做参考. 下载安装字体 $cd /usr/share/fonts/truet ...
ubuntu vscode 终端字体设置（字体间隔过大）
ubuntu vscode 终端字体设置(字体间隔过大) 1 问题 2 原因 3 处理 3.1 查看系统字体 3.2 设置系统预置字体 3.3 设置自定义字体 1 问题 ubuntu 18.04 系统 ...
修复vscode 终端字体间隔过大的问题
最近重装了系统之后,在多用户终端环境下启动vscode(非默认用户),发现vscode内的终端字体间隔过大,如下图: 在settings.json中不管我怎么改各种powerline字体都不行: &q ...
android手机应用字体颜色代码,安卓手机字体颜色修改教程
该楼层疑似违规已被系统折叠隐藏此楼查看此楼先说好哦我只是搬运而已没这么强大的技术反编译framework-res.apk 得到framework-res文件夹! 修改里面的文件, 找到(如何 ...
ubuntu下修改终端字体颜色
Ubuntu下终端字体如果全是白色很不直观,可以根据自己喜好修改颜色. $ sudo gedit .bashrc 将以下一段添加在最下面即可.(下面这个是我的配色) PS1='${debian_chr ...

最新文章

热门文章