必看!VSCode字体美化教程

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

在这里插入图片描述

接下来我们打开设置

在这里插入图片描述

可以看到默认的字体设置是

Consolas, 'Courier New', monospace

在这里插入图片描述
我们将其改为:

img
img
img

cn/5c202c2d51184a36aba94e51b0adc54b.png)
我们将其改为:

[外链图片转存中…(img-3K5LZZ2H-1726111481847)]
[外链图片转存中…(img-41PZRTvf-1726111481848)]
[外链图片转存中…(img-VuybyICe-1726111481848)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上运维知识点,真正体系化!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值