Bootstrap

必看!VSCode字体美化教程

在这里插入图片描述

JetBrains Mono

比起默认的Consolas字体,我更推荐使用JetBrains Mono字体,由IDEA的开发公司JetBrains所设计和开源

在这里插入图片描述

支持连字特性,更加利于阅读

在这里插入图片描述

下载地址

Inter:
由于Inter是开源字体,所以可以到GitHub下载,或者从网上搜索下载
下载地址: https://github.com/rsms/inter/releases/
下载完成后解压选中以下三个字体 → 右键“为所有用户安装” 即可

安装Inter字体

SF Pro
windows系统建议还是使用Inter,以下步骤相对繁琐,可以跳过
下载地址:https://developer.apple.com/fonts/

在这里插入图片描述

下载下来是一个📄dmg文件,可以用7zip软件解压

在这里插入图片描述

然后继续解压📄SF Pro Fonts.pkg

在这里插入图片描述
在这里插入图片描述

解压之后打开📁SFProFonts.pkg文件夹里面的📄Payload

在这里插入图片描述
在这里插入图片描述

解压后进入📁Payload~ 文件夹,继续解压📄Payload~ 文件,解压出来是 📁Payload~~文件夹,进去有个📁Library文件夹,再进去终于就是📁Fonts了(搁这套娃是吧😅)

在这里插入图片描述

全选右键 为所有用户安装 即可

HarmonyOS Sans
由于鸿蒙字体是开源字体,所以可以到官网直接下载、从网上搜索下载
下载地址:
https://developer.harmonyos.com/cn/design/resource/
下载完成后解压选中以下字体 → 右键“为所有用户安装” 即可

安装HarmonyOS Sans SC字体

JetBrains Mono
由于JetBrains Mono是开源字体,所以可以到官网直接下载或者到github下载,也可以在网上搜索下载
下载地址:
https://www.jetbrains.com/zh-cn/lp/mono/

下载完成后解压到任意位置 打开ttf文件夹 → Ctrl+A 全选然后右键 → 为所有用户安装 即可

安装字体

步骤二 更换字体

打开vscode css文件

打开VsCode安装目录,按照下图或者类似路径定位到 workbench.desktop.main.css

C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
然后用VSCode打开

修改css代码

Ctrl + F定位到这段代码

.windows:lang(zh-Hans){font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}

然后修改为

.windows:lang(zh-Hans){font-family:Inter,Harmony OS Sans SC,Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}

然后,由于此时编辑器的右键菜单样式不会受到上述css影响,因此还要单独修改,直接在当前css(workbench.desktop.main.css)最后一行加上这段css即可

.shadow-root-host {
	font-family: Inter, HarmonyOS Sans SC;
}

❗❗❗注意以下所有配置不要写HarmonyOS Sans,要写HarmonyOS Sans SC(图片上没有SC,博主此处声明更正)

Ctrl + S 保存,提示权限不足,点击“以管理员身份重试”

在这里插入图片描述

重启VS Code

然后关闭VSCode重新打开,右下角会显示vs code似乎已损坏,不予理睬即可

在这里插入图片描述

设置代码字体

接下来设置一下代码字体,由于VSCode默认没有设置中文字体,所以默认中文字体显示宋体,英文字体默认设置为Consolas

在这里插入图片描述

最后的话

最近很多小伙伴找我要Linux学习资料,于是我翻箱倒柜,整理了一些优质资源,涵盖视频、电子书、PPT等共享给大家!

资料预览

给大家整理的视频资料:

给大家整理的电子书资料:

如果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以点击这里获取!

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友,可以点击这里获取!

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

;