轻松找到完美的字体和主题组合

您可以订阅我的RSS 源以获取我的最新帖子。

花些时间个性化编辑器的外观和感觉，可以让你的数字生活更加温馨舒适。当你打开一些引以为豪的代码时，它会让你感到无比满足。它可以让混乱的代码库带来的恐惧感稍微减轻一些。

这不过是推销你这个想法的营销噱头罢了！我不确定它到底有什么实际好处，但我觉得花点时间让你的虚拟工作空间更舒适，激发快乐的想法，还是值得的！

那么，如何找到字体和主题的最佳组合呢？

远离编辑器！⚠🛑😁

这就像空着肚子去超市，你的购物车里会塞满巧克力和垃圾食品！🤤🍫

通过 Web 应用预览

Mostafa Gaafar 创建了一款名为Dev Fonts的便捷 Web 应用。您可以从热门主题列表中选择一个主题，选择一种用于语法高亮的语言，并查看代码片段在 30 种不同字体下的显示效果。您可以粘贴自己的代码片段，以便更准确地呈现您的代码在这种配置下的效果。该字体有一个直接下载链接。

大多数推荐的编码字体都是等宽字体，但没有必要局限于此。等宽字体的优点是字符宽度固定，使文本块的对齐看起来更好。

我发现有趣的是等宽字体宽度的影响，Jet Brains Mono中的一行代码比具有相同字体大小的Fira Code中的一行代码要短。

字体之间一些看似细微的差异可能会产生很大的影响。字体系列也有不同的粗细（细、半细、常规），你可以尝试一下，看看自己喜欢更细还是更粗的字符。

我建议尝试一下带有连字的字体，我觉得它们很吸引人，但并非每个人都喜欢！它们会像巫术一样，将一些特定语言的字符组合变形为单个字符，而不会更改文件中的字节。我发现这篇文章很有见地，它比较了等宽字体和连字的一些特点，对我的决策很有帮助。

如需更多主题选择，请访问vscodethemes。它的用户体验非常出色，提供了一系列精简的 VS Code 交互式窗口，分别展示特定主题。每个窗口包含 3 个选项卡，分别用于预览 HTML、CSS 和 JavaScript 代码。您可以切换选项卡，查看所有实例中的不同代码片段。鼠标悬停在窗口上，即可直接访问 VS Code Marketplace 中主题扩展的链接。

在这两个网络应用程序之间，您可以大大缩小选择范围，然后继续安装字体和主题以在编辑器中尝试。

缩小范围后，在编辑器中尝试一下

在 VS Code 中比较字体的一个好方法是，在拆分窗格中打开setting.json，从列表中添加或删除字体editor.fontFamily，然后保存。它将刷新相邻的编辑器窗格，以提供“实时”预览。😎 然后，您可以撤消或重做编辑以在它们之间切换。

settings.json这些是您可能想要更改的与字体和主题最相关的设置：

"editor.fontSize": 15,
"editor.fontFamily": " 'JetBrains Mono', 'Fira Code', Hasklig, Consolas, 'Courier New', monospace",
"editor.fontLigatures": true,
"workbench.colorTheme": "Panda Syntax",
"workbench.preferredLightColorTheme": "GitHub Light",
"workbench.preferredDarkColorTheme": "Panda Syntax",

你可能需要尝试一段时间新的字体和主题，才能确信自己能组建一个幸福的家庭。希望我的经验能帮你节省一些时间！