放个图片压压惊先:
以下正文开始
首先侧栏和顶栏的字体是无法通过配置的方式实现自定义字体的。需要修改代码(不复杂)。
准备字体:
建议把心仪的字体下载到本地(mac的不知道如何添加,全文以windows操作)。
字体下载后双击打开,点击安装,自己即会添加到系统之中。然后拿着字体名称。
当然也可以使用电脑里面的本地字体,打开设置找到字体可查看本地的字体哟:
调试:进入开发模式:【帮助】- 【切换开发人员工具 / Toggle Developer Tools】
此步骤是为了看实际效果,可以跳过滴,不影响。
开发人员工具界面:
找到 out/vs/workbench/workbench.desktop.main.css 文件。定位到控制字体的类中,mac的搜索 .mac,window 的搜索 .window ,如图所示。这里是设置的字体是整体的,想要细致一点的可以用前端调试的方式找到侧栏对应的类,再修改其中的文字。
你可以在这个文件上直接编辑,并在vsCode中实时预览效果!!!
我这里是修改的字体:'Cascadia code','极影毁片圆 Medium' 。
当然,你在这里保存是没用的,这并不会保存到文件系统中:
替换:在你的文件目录上找到这个文件并打开
文件目录:【你vscode安装位置/resources/app/out/vs/workbench/workbench.desktop.main.css】
通过搜索.windows 找到刚刚调试的地方,把心仪的字体放上去,应该长这个样子:
保存成功(通常保存时候需要管理员权限才能保存)
重启vsCode即可。
大功告成。
总结:
1. 准备字体并安装到本地电脑上。获取到字体的名称。
2. 打开【你vscode安装位置/resources/app/out/vs/workbench/workbench.desktop.main.css】文件
3. 定位到 .windows:lang(zh-Hans) / .windows,在font-family 加上你的字体名称。
4.保存并重启vsCode(通常保存时候需要管理员权限才能保存)。
注意:这样搞了之后每次打开会弹出“Code 安装似乎损坏。请重新安装。”的提示,关掉不管就Ok,没有任何问题,每次vscode更新后以上改动会消失,重新弄一次即可。介意者慎用!!!