Inter:
由于Inter是开源字体,所以可以到GitHub下载,或者从网上搜索下载
下载地址: https://github.com/rsms/inter/releases/
下载完成后解压,选中以下三个字体 → 右键“为所有用户安装” 即可
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/
下载完成后解压,选中以下字体 → 右键“为所有用户安装” 即可
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
我们将其改为:
cn/5c202c2d51184a36aba94e51b0adc54b.png)
我们将其改为:
[外链图片转存中…(img-3K5LZZ2H-1726111481847)]
[外链图片转存中…(img-41PZRTvf-1726111481848)]
[外链图片转存中…(img-VuybyICe-1726111481848)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上运维知识点,真正体系化!