在Fitten Code中调整对话框字体大小与样式,需修改VS Code的UI字体设置:通过设置界面或settings.json配置workbench.font.size和workbench.font.family,数值直接影响所有对话框文字,且必须设于用户级配置中。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在 Fitten Code 中调整对话框字体大小与样式,本质是修改其底层依赖的 VS Code 编辑器界面字体设置——因为 Fitten Code 是 VS Code 的插件,不提供独立的 UI 字体控制面板,所有对话框(如 AI 对话窗口、生成代码弹窗、注释面板等)均继承自 VS Code 的 UI 字体配置。
通过 VS Code 设置界面统一调整
第一步:在 VS Code 中按 Ctrl + ,(Windows/Linux)或 Cmd + ,(macOS)打开设置界面。
第二步:在搜索框中输入 ui font size,找到「Window: Zoom Level」和「Workbench › Font: Size」两项。
第三步:修改「Workbench › Font: Size」数值,例如设为 14 或 16;该值直接控制所有非编辑器区域的字体大小,包括 Fitten Code 的所有对话框标题、按钮文字、输入框提示语及对话气泡文本。
注意:【Window: Zoom Level】仅缩放整个界面像素比例,会导致图标模糊、布局错位,不可替代 Font Size 设置】。
第四步:同步设置「Workbench › Font: Family」,填入你偏好的无衬线字体,例如 'Segoe UI', 'Helvetica Neue', sans-serif;逗号分隔可提供降级兜底,避免 macOS 与 Windows 渲染差异导致字体丢失。
手动编辑 settings.json 精确控制
打开 VS Code 设置界面右上角的「打开设置 (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 主进程渲染,只读取用户级字体配置。
针对下拉菜单类控件单独放大
方法一:CSS 注入(仅限本地调试)
若发现 Fitten Code 某些弹出菜单(如“生成代码”模板选择下拉框)字体仍偏小,可在 VS Code 安装目录下找到 resources/app/out/vs/workbench/workbench.desktop.main.css,在末尾追加:
.monaco-select-box select { font-size: 16px !important; }
⚠️ 此操作需重启 VS Code,且升级后该文件会被覆盖,属于临时方案。
方法二:用开发者工具临时验证
按 Ctrl + Shift + I 打开 VS Code 自身的 DevTools → 切换到 Elements 面板 → 点击左上角选择图标 → 点击任意 Fitten Code 下拉箭头 → 在右侧 Styles 面板中找到 font-size 值 → 双击修改并回车,实时观察效果。确认合适后再写入上述 CSS 规则。

















