ESSAY / NOTE

codex插件字体修改

下次插件更新把样式冲掉后,按这个做就行。

改哪里

打开这个文件:

~/.vscode/extensions/openai.chatgpt-*/webview/index.html

* 是当前版本号,选最新那个文件夹。)

在 </head> 前面加上这段(已有就覆盖同名 vscode-font-match):

<style id="vscode-font-match">
  :root {
    --codex-chat-font-size: var(--vscode-font-size, 13px) !important;
    --font-text-md-size: var(--vscode-font-size, 13px) !important;
    --font-sans: var(--vscode-font-family) !important;
    --font-mono: var(--vscode-editor-font-family) !important;
  }
  html, body, #root, .font-sans, .ProseMirror, .markdown {
    font-family: var(--vscode-font-family) !important;
    font-size: var(--vscode-font-size, 13px) !important;
    line-height: 1.55 !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
  }
  code, pre, .font-mono, [class*="font-mono"] {
    font-family: var(--vscode-editor-font-family) !important;
    font-size: var(--vscode-editor-font-size, 15px) !important;
  }
</style>

关键就这一行:

-webkit-font-smoothing: subpixel-antialiased;

不要写成 antialiased。那在 Dell 这种 1x 屏上会关掉亚像素,字又硬又虚。

改完

命令面板执行 Developer: Reload Window。

可选,在 VS Code 设置里对齐字号:

"chat.fontSize": 13,
"chat.editor.fontSize": 15

注意

  • 这是改插件文件,Codex 一更新就要再贴一次
  • 窗口不要贴着笔记本屏边缘(差 1px 跨 Retina 也会糊)
  • 不要用 disable-hardware-acceleration,双屏会整窗发虚