假如你正在使用 VS Code,并且安装了 Fitten Code 这款 AI 插件,可能会发现它的对话框默认字体偏小且纤细,长时间对话或审查生成代码时眼睛容易疲劳。实际上,解决方法很简单,只是设置入口比较隐蔽——Fitten Code 并未提供独立的面板字体调整选项,其对话框字体完全继承自 VS Code 的界面字体设置,也就是平时修改侧边栏、状态栏字体的那套配置。
因此,调整 Fitten Code 对话框文字大小,本质上就是修改 VS Code 的界面字体。下面提供两种方法:一种通过图形界面操作,另一种直接编辑配置文件实现精确控制。
通过 VS Code 设置界面统一调整
首先,按下 Ctrl + ,(Windows/Linux)或 Cmd + ,(macOS)打开设置界面。在搜索栏输入关键词 ui font size,会看到「Window: Zoom Level」和「Workbench › Font: Size」两个选项。这里需要注意:真正影响对话框字体的并非「Window: Zoom Level」——该选项用于整体像素缩放,修改后会导致图标模糊、布局错位,无法代替字体设置。正确的做法是直接修改「Workbench › Font: Size」的值,例如调整为 14 或 16。这个数值将直接控制所有非编辑器区域,包括 Fitten Code 的对话气泡、输入框提示、按钮文字以及标题等。
接下来,还可以顺手配置「Workbench › Font: Family」选项。输入你偏好的无衬线字体,比如 'Segoe UI', 'Helvetica Neue', sans-serif。字体名称之间用逗号隔开,可为不同操作系统提供降级方案,避免因字体缺失导致的渲染差异。
手动编辑 settings.json 精确控制
如果你更习惯直接编辑配置文件,可以点击设置界面右上角的「打开设置 (JSON)」图标(即花括号 {})。在打开的 JSON 文件中添加或修改以下两行内容:
"workbench.font.size": 15,"workbench.font.family": "'SF Pro Display', 'Segoe UI', sans-serif"
保存设置后,新打开的 Fitten Code 对话框会立即应用新的字体配置。但请注意,已经打开的旧对话框不会自动刷新,你需要关闭对话框并重新触发(例如再次点击「Fitten Code – 开始对话」)才能生效。另一个关键点是:这些配置必须写入用户级别的 settings.json 文件,工作区级别的 settings.json 无效——因为 Fitten Code 的 UI 由 VS Code 主进程渲染,仅读取用户级字体设置。
针对下拉菜单类控件单独放大
有些情况下,Fitten Code 的弹出菜单(例如「生成代码」模板选择下拉框)字体依然偏小,可以通过以下两种方式单独处理。
第一种是 CSS 注入,适合本地调试。 找到 VS Code 安装目录下的 resources/app/out/vs/workbench/workbench.desktop.main.css 文件,在末尾追加一行:
.monaco-select-box select { font-size: 16px !important; }
⚠️ 此操作需要重启 VS Code 才能生效,并且 VS Code 升级后该文件会被覆盖,因此属于临时方案,不建议长期依赖。
第二种是用开发者工具临时验证。 按下 Ctrl + Shift + I 打开 VS Code 自带的 DevTools,切换到 Elements 面板,点击左上角的选择图标,然后点击你希望调整大小的下拉箭头。在右侧 Styles 面板中找到 font-size 属性,双击修改数值并回车,即可实时预览效果。确认尺寸合适后,再按照上述 CSS 注入方法写入规则。

