如何更改环境的字体大小？
Posted
技术标签:
【中文标题】如何更改环境的字体大小？【英文标题】：How to change environment's font size? 【发布时间】：2016-02-15 13:51:06 【问题描述】：有没有办法在 Visual Studio Code 中更改环境字体大小？诸如 IntelliSense 框、调试面板、文件名等的东西。
我知道如何更改编辑器的字体大小，但我不知道如何更改环境字体大小。所以我想知道你是否可以以某种方式改变它。
【问题讨论】：
所有这些答案也会改变编辑器的字体大小。如何在没有编辑器的情况下更改环境字体大小？ 令人惊讶的是有多少非答案被投票。在这里找不到对 OP 问题的答案。然而，对于 OP 提出的完全相同但又不同的问题，许多人重复了相同的答案。 没有回答实际问题而是如何更改字体大小的帖子数量惊人 使用 CTRL+ 和 CTRL- 来缩放 IDE，您不必寻找设置...对于阅读以下答案后阅读此内容的人... 用户 Arleme 终于在 2021 年 7 月 16 日发布了解决问题的正确方法。您必须手动修改c:/Users/<username>/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.desktop.main.css 文件。看起来 vscode 的不同部分在不同的地方定义了它们的字体大小。此外，增加 font-size 不会增加 padding 或 line height，所以仅仅增加 font-size 是不够的。 MS 需要为此开发一个设置。
【参考方案1】：
目前无法在编辑器之外更改字体系列或大小。但是，您可以在 View 菜单中放大和缩小整个用户界面。
我们的 VS Code 1.0 版本更新：
新引入的设置window.zoomLevel 允许永久保持缩放级别！它可以有负值和正值来放大或缩小。
【讨论】：
如果您缩小并想知道为什么光标消失了，请检查您是否将其设置为“细线”。将其设置为“线”将纠正问题，至少缩小到 60%。 窗口缩放有一个缺点，它可以在终端触发“模糊字体”例如：github.com/microsoft/vscode/issues/84194 使用 CTRL+ 和 CTRL- 来缩放 IDE，你不必寻找设置...【参考方案2】：只需将"editor.fontSize": 18 复制到编辑器的setting.json 中即可。
按 Control+Shift+P 然后键入“设置”，您可以轻松找到用户或工作区设置文件。
【讨论】：
这很好用，但与 OP 想要的不一样，不仅可以在文本编辑器中调整整个内容的大小 @StepanSuvorov 在下面看到我的新答案，我知道它来晚了，干杯！ @randomguy04 仍然没有在您的答案中看到更改大小的快捷方式 这对我有用，我只想增加打开文件的字体大小，而不是侧边栏，所以我做了上述操作并将增加字体大小设置为定义的热键。【参考方案3】：截至 2017 年中要快速访问设置文件，请按 ctrl + shift + p 并输入settings，在那里你会找到用户设置和工作区设置，注意工作区设置会覆盖用户设置，所以最好直接使用后者来使其成为全局更改（工作区设置将在您的项目根目录中创建一个文件夹），从那里您可以选择将选项 "editor.fontSize": 14 添加到您的设置中作为快速建议，但您可以自己执行并将值更改为您喜欢的字体大小。
总结一下：
ctrl + shift + p
选择“用户设置”
添加"editor.fontSize": 14
【讨论】：
这不能回答 OP 的问题。 OP 特别要求更改环境字体大小，而不是编辑器字体。 感谢@Chris 的反馈，但我确实认为它回答了问题并提供了必要的信息。如果您希望每个环境都有它，请更改工作区设置而不是用户设置，并且您的特定环境设置将保留在.vscode 文件夹中
OP 要求 environment，就像 GUI 中不在文本编辑器中的所有内容一样，Stuff like IntelliSense box, debug panel, file names, etc。我可能是错的，但我不认为 OP 指的是你正在谈论的环境【参考方案4】：
在 Visual Studio Code 中，通过按 Ctrl+ 和 Ctrl- 可以更改整体字体大小IDE 的。 这比在每个会话中更改设置更快。 希望对你有帮助...
【讨论】：
注意，这会修改用户设置 "window.zoomLevel": 1, 在最新版本中，放大为Ctrl + =【参考方案5】：
在按@Edwin 建议的 Control+Shift+P 后：
-
查找工作区设置：
-
然后“将您的设置放在文件右侧以覆盖...默认和用户设置”，或者单击 UserSettings 选项卡调整 window.zoomLevel（如果这是所需的操作）。
【讨论】：
【参考方案6】：我的设置为"editor.fontSize": 12,
保存文件，你会看到效果。
享受吧！
【讨论】：
这不是我们要求的【参考方案7】：截至目前（2018 年 3 月）和 1.21.0 版，您可以前往“设置”，搜索“缩放”并将默认为 false 的 "editor.mouseWheelZoom": false 更改为 true。这将允许使用控制按钮和鼠标放大/缩小 VS Code - ctrl + scrollUp/scrollDown。要更改 VS Code 的整体工作空间/屏幕的fontSize，请参阅上面 Alegozalves 的回答。
【讨论】：
【参考方案8】：在 Visual Studio 工作环境中更改字体大小的简单方法：
Go To : File -> Preferences -> Settings OR Press CTRL+, 即CTRL + COMMA .
这将打开 settings.json。
你可以在那里看到 3 个标签：
-
用户设置
工作区设置
文件夹设置
转到用户设置并添加：
"editor.fontSize": 16
现在只需保存并关闭文件。
在上面的代码中，16代表字体大小。随心所欲的增加减少。
【讨论】：
【参考方案9】：您可以从“视图”菜单放大和缩小整个用户界面。
现在我正在使用 1.21.1 版，在 查看菜单 中，您可以获得放大和缩小选项，这是倒数第二个和第三个选项. 您可以使用 Ctrl + + 和 Ctrl + - 来完成。
您可以随时通过选择重置缩放选项重置缩放。
【讨论】：
这里整个用户界面指的是VSCode编辑器。 是的，它可以缩放整个窗口，如果你有一个高分辨率屏幕，这是完美的【参考方案10】：尝试使用以下用户设置的组合：
"editor.fontSize": 18,
"window.zoomLevel": 1.5,
【讨论】：
这应该被添加到接受的答案中。非常简洁明了"window.zoomLevel": 1.5 对我这种老家伙来说是个很好的选择
这里所有不好的答案都有大量的赞成票，这终于是正确的方法了。
如果您希望文本更小，请选择负数："window.zoomLevel": -0.5【参考方案11】：
根据 1.2 版本的更新日志，添加了新的命令来仅放大和缩小字体，而不是整个 UI。
更新日志：https://code.visualstudio.com/updates/v1_24#_font-zoom-commands
使用以下键绑定替换默认的全局缩放操作：
在 macOS 上：
"key": "cmd+numpad_add", "command": "editor.action.fontZoomIn" ,
"key": "shift+cmd+=", "command": "editor.action.fontZoomIn" ,
"key": "cmd+=", "command": "editor.action.fontZoomIn" ,
"key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" ,
"key": "shift+cmd+-", "command": "editor.action.fontZoomOut" ,
"key": "cmd+-", "command": "editor.action.fontZoomOut" ,
"key": "cmd+numpad0", "command": "editor.action.fontZoomReset" ,
"key": "cmd+0", "command": "editor.action.fontZoomReset" ,
在 Windows 和 Linux 上：
"key": "ctrl+numpad_add", "command": "editor.action.fontZoomIn" ,
"key": "shift+ctrl+=", "command": "editor.action.fontZoomIn" ,
"key": "ctrl+=", "command": "editor.action.fontZoomIn" ,
"key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" ,
"key": "shift+ctrl+-", "command": "editor.action.fontZoomOut" ,
"key": "ctrl+-", "command": "editor.action.fontZoomOut" ,
"key": "ctrl+numpad0", "command": "editor.action.fontZoomReset" ,
"key": "ctrl+0", "command": "editor.action.fontZoomReset" ,
【讨论】：
【参考方案12】：同时按下Ctrl、Shift、P，会出现一个菜单，搜索Editor Zoom in。
选择后，字体会在一定程度上变大。
重复此操作，直到达到所需的字体大小。
【讨论】：
【参考方案13】：按 Ctrl 并使用鼠标滚轮放大或缩小。
【讨论】：
您可以从“视图”菜单中放大和缩小整个用户界面。但问题是如何更改字体大小【参考方案14】：（Windows 7 上的 VS Code 1.33.1）
全部缩放（UI 和编辑器）：CTRL + +、CTRL + -。
缩放编辑器：CTRL + 鼠标滚轮。
请看下面我是如何修复它的。
正如@Edwin 所建议的那样：按 Control+Shift+P 然后键入“设置”，您可以轻松找到用户或工作区设置文件。
我的设置文件在这里：“C:\Users\You_user\AppData\Roaming\Code\User\settings.json”
我的文件如下所示：
"editor.fontSize": 12,
"editor.suggestFontSize": 6,
"markdown.preview.fontSize": 0,
"terminal.integrated.fontSize": 10,
"window.zoomLevel": 0,
"workbench.sideBar.location": "left",
"editor.mouseWheelZoom": true
【讨论】：
【参考方案15】：Visual Studio 代码（版本：1.36.1），编辑器中有很多改变字体大小的选项
选项 1：
转到：文件 > 首选项 > 设置 > 选择用户标签> 文本编辑器 > 字体 > 字体大小
字体大小：根据您的要求更改字体大小（以像素为单位）
选项 2：
按 Ctrl + P
搜索：settings.json，打开文件并在settings.json文件中添加这一行：
"editor.fontSize": 20
注意：修改后保存文件
选项 3：
按 Ctrl + Shift + P
搜索：编辑器字体放大
只要点击它，你的字体就会变大搜索：编辑器字体缩小
只要点击它，你的字体就会变小【讨论】：
这是第五个答案，没有以同样的方式回答问题【参考方案16】：当我的代码窗口变大时，我花了很长时间才弄清楚我不小心做了什么：
缩小 = Ctrl + Shift + ,（逗号）
放大 = Ctrl + Shift + .（句号/句号）
实际上根本不是对已发布问题的答案，但我认为像我这样的人会因为症状而最终来到这里！
【讨论】：
【参考方案17】：在 Visual Studio Code 中，可以从“设置”选项卡轻松更改字体大小。
最简单的方法是按 Ctrl + Shift + P 然后输入 'Settings '。这将显示一些结果。选择“设置（UI）”。设置选项卡将在编辑器中打开。现在您可以从这里更改字体设置。这只会影响编辑器的字体。
或者，您也可以单击窗口左下角的设置图标并从那里搜索字体。
为了改变整个环境的字体大小，可以考虑按ctrl++。这就像放大整个环境一样，导致字体大小增加。
【讨论】：
【参考方案18】：-
打开 VS 代码
键入命令CTRL + SHFT + P
输入设置
设置文件将打开。
现在在用户 > 文本编辑器 > 字体下，找到 字体大小
输入您想要的字体大小
就是这样。
【讨论】：
这不是问题所在。这是关于环境字体（菜单等），而不是文本编辑器字体。 这不是问题所在。您是在告诉我们如何配置编辑器字体大小，而不是环境/shell 字体大小。【参考方案19】：文件 --> 首选项 --> 设置 --> 用户 --> 字体 --> 字体大小 输入字体大小。 您可以将这些设置与您的 Git Hub 或 Microsoft TFS 同步。
https://code.visualstudio.com/docs/getstarted/settings
【讨论】：
请重新阅读问题。问题是关于更改整个环境的字体大小，而不仅仅是编辑器（他们还说他们已经知道如何更改编辑器字体大小），后者已经在多个先前的答案。【参考方案20】：有一个设置window.zoom，可以放大整个窗口内容，包括顶部菜单和侧导航树。在 4k 显示器上将此设置为 1 会使内容类似于具有相同物理尺寸的 1080p 显示器。
【讨论】：
【参考方案21】：如果你真的想改变环境的字体，编辑里面的css
c:/Users/etech/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.desktop.main.css
只需将自定义 CSS 放在文件末尾即可：
body
font-size : 15px !important
【讨论】：
这是最接近正确的答案。您必须修改workbench.desktop.main.css文件以增加环境字体。以上是关于如何更改环境的字体大小？的主要内容，如果未能解决你的问题，请参考以下文章