WebStorm 不支持字间距(tracking/kerning)调节;行高(Line height)仅控制行间垂直距离,非字符间距;UI 字体设置不包含字间距选项;字间距属系统/字体渲染层,IDE 无法干预。

WebStorm 没有“界面字体间距”这个设置项——你调的其实是编辑器代码行高(line height),或误操作了 UI 字体,但两者都不控制“间距”意义上的字间距(tracking/kerning)。
Editor → Font 的 Line height 是什么
它只影响代码行与行之间的垂直距离,不是单个字符的宽窄或字间距。改这个值能缓解长类型、多泛型导致的视觉粘连,但不会让「const」里的字母变疏或变密。
-
Line height默认是 1.2,设成1.3或1.4后,TypeScript 接口字段、Vue SFC 的<script setup></script>区块会明显更易扫读 - 该值对所有新打开的文件生效,但已打开的文件标签需手动重载(关掉再开)或重启 WebStorm 才刷新
- 别和
Size混淆:Size是字号(如14),Line height是倍数(如1.35),二者叠加决定实际行距
Appearance → Appearance 里没有行间距选项
这里只能调菜单、侧边栏、Tab 标签等 UI 元素的字体和字号,但没有行高、字间距、字宽等高级排版参数。所谓“界面字体变挤”,大概率是用了非等宽字体(如 Segoe UI)或高 DPI 缩放未对齐,而非间距问题。
- 如果发现项目树(Project tool window)文字堆叠、图标错位,优先检查是否启用了系统级缩放(如 Windows 125%),而非在 WebStorm 里找“间距”
- macOS 用户若用默认
SF Pro Display作为 UI 字体,可能出现中文标点渲染模糊——换为System San Francisco或禁用“Use fractional widths”可缓解 - 改完 Appearance 字体后,必须点
Apply,仅OK在部分 2026.x 版本中不触发重绘
真要调字间距?WebStorm 不支持,也根本不该由 IDE 处理
字符级字间距(tracking)属于字体渲染层行为,由操作系统或终端模拟器控制。WebStorm 作为 Swing 应用,既不暴露 CSS letter-spacing,也不提供字体度量微调接口。
- 连字(ligatures)是字体内置特性,靠
Enable font ligatures开关 +Fira Code等字体协同实现,但它改的是特定符号组合(如!=→≠),不是全局字间距 - 想让代码“看起来更疏朗”,正确路径是:换更大字号(
Size: 15)、加大行高(Line height: 1.4)、选字怀开阔的等宽字体(如JetBrains Mono而非Consolas) - 终端(Terminal)区域即使开了连字,也建议关闭
Enable font ligatures——多数 shell 渲染器不处理连字 fallback,会导致=>显示为空格或方块
真正容易被忽略的点:行高设置在不同配色方案下是独立保存的。你切到 Material Theme 后调过 Line height,再切回 Darcula,得重新进 Editor → Font 设置一遍——它不跨主题继承。


















