如何在VS Code侧栏中更改字体大小?

问题描述 投票:20回答:3

fontsize窗口查询User Settings只能得到以下设置:

  • 面包编辑,
  • 建议小部件,
  • 降价预览,
  • 综合终端

如下所示:

enter image description here

sidebar做同样的事情会产生更差的结果:

enter image description here

在编辑器窗格和侧边栏中使用不同大小的字体看起来......让我们满意:不太好。我刚刚发现了这个很棒的工具的最大遗漏吗?

visual-studio-code font-size sidebar vscode-settings
3个回答
8
投票

这已经有一段时间了feature request。简短的回答是,现在没有VSCode设置允许您自定义侧边栏字体大小。 @lindesvard in the same issue thread提出了一个hacky解决方案,它涉及使用Custom CSS and JS Loader扩展来加载自定义CSS文件,如果你愿意尝试它,它会修改侧边栏样式。

要使其工作,请按照扩展程序详细信息中的“入门”部分进行操作,然后将自定义文件的URL添加到"vscode_custom_css.imports": [""]数组中。 (请注意,在Windows上,我的内容如下所示:"vscode_custom_css.imports": ["file:///C:\\dev\\vscode-styling.css"]

下面是添加@PSVapour in a later comment提到的CSS之前和之后:

Original Modified

请注意,这也会影响命令调色板字体。


17
投票

Mihai Chelaru's answer提供了一种方法,不仅可以调整侧边栏的字体大小。然而,如果您唯一感兴趣的是更改侧边栏字体大小的简单操作,那么这需要花费一些小小的价格,可能比您准备好的更多。所以这是一个更简单的解决方案。

只需用CTRL ++或CTRL +分别缩放整个VS Code的UI,然后调整我们在settings.json文件中控制的字体大小,即:

  • editor.fontSize
  • editor.suggestFontSize
  • markdown.preview.fontSize
  • terminal.integrated.fontSize

所以一切都匹配。而已。


13
投票

只想添加到讨论中,如果你设置:

"window.zoomLevel": "your number",

在我的情况下,我从零开始,你可以使用它作为一种基线:

 "editor.fontSize": 14,
  "editor.tabSize": 2,
  "terminal.integrated.fontSize": 14,
  "window.zoomLevel": 0,
  "[Log]": {
    "editor.fontSize": 14
  },

然后调整直到我开心。希望这可以帮助!

© www.soinside.com 2019 - 2024. All rights reserved.