2021 年 6 种最佳编程字体:VSCode 中你用哪种?

作为开发人员,我们每天大部分时间都在电脑屏幕前编写代码。

眼睛疲劳(也称为视疲劳)可能是一个严重的问题,在默认的 VSCode 设置中会连续使用数小时。虽然开箱即用的 VSCode 设置无论如何都不错,但如果你花一点时间配置设置(不仅是字体,还有主题),你的眼睛可能会感谢你。

如果你想知道我在 VSCode 中使用了什么主题、字体和扩展,我在这里写了一篇相关的文章[1]

在本文中,我将分享你可以专门用于编码的最佳字体。虽然主观,但我已经列出了免费和付费字体的列表,这些字体使易读性成为高优先级(字体看起来也很漂亮的加分项)。

1:MonoLisa - 字体跟随功能

MonoLisa 具有一些独特的技术,可以提高易读性并使长时间观看时视觉上更加愉悦。

这是我个人最喜欢用于编程的字体。我在 2020 年初发现了这种字体,并在购买许可证之前在 CodePen 上使用了一段时间,这样我就可以在 VSCode 和我的个人网站上使用它。

贵吗?是的。但我相信这种字体的细微差异使观看体验大大改善。

在这里查看 MonoLisa[2]

MonoLisa Font

2:JetBrains Mono——开发者的字体

JetBrains 为开发人员提供了一整套代码编辑器,他们也有自己的等宽字体。JetBrains Mono 因其高增长和特定于代码的连字(ligatures)而从许多其他字体中脱颖而出。

在我购买 MonoLisa 之前,我使用的是 JetBrains Mono。它简单而美丽,而且免费!

在这里查看 JetBrains Mono[3]

JetBrains Mono Font

3:Fira Code - 带有编程连字的免费等宽字体

Fira Code 是许多开发人员肯定会喜欢的经典字体,它是 Nikita Prokopov 的免费字体。

Fira Code 与 ASCII 兼容,并带有许多连字,使代码更易于阅读。

在这里查看 Fira Code[4]

Fira Code Font

4:Source Code 专业版

它在开发者社区非常流行并且可以免费下载!

在这里查看 Source Code Pro[5]

Source Code Pro Font

5:Droid Sans Mono——一种开源的无衬线字体

Droid Sans Mono 是 Steve Matteson[6] 为 Android 生态系统发布的一种字体。

许多开发人员都喜欢这种字体,但是区分 O 和 0 有点困难,因为字体没有斜线零(slashed zero)或点零(dotted zero)。

幸运的是,GitHub 用户 AlbertoDorado[7] 更改了字体并发布了一个带有点划线零的版本[8]

Droid Sans Mono Font

6:Monoid——开源编码字体

Monoid 是开发人员喜爱的另一种流行的等宽字体。

它的大孔径和短的上升部和下降部使这种字体从其他字体中脱颖而出。

Monoid 还支持连字并包含一个很酷的小功能,你可以直接在代码中看到 Font Awesome 图标。

在这里查看 Monoid[9]

Monoid Font

结论

对你在代码编辑器中使用的字体进行如此多的思考似乎有点过头了。每种字体的差异可能看起来很小,但总的来说,每种字体都是独一无二的,并提供不同的好处。

你喜欢使用哪种字体?

原文链接:https://braydoncoyer.dev/blog/6-best-fonts-for-programming-in-2021/

参考资料

[1]

这里写了一篇相关的文章: https://braydoncoyer.dev/blog/my-vscode-toolbox-2020/

[2]

MonoLisa: https://www.monolisa.dev/

[3]

JetBrains Mono: https://www.jetbrains.com/lp/mono/

[4]

Fira Code: https://github.com/tonsky/FiraCode

[5]

Source Code Pro: https://github.com/adobe-fonts/source-code-pro

[6]

Steve Matteson: https://www.myfonts.com/person/Steve_Matteson/

[7]

AlbertoDorado: https://github.com/AlbertoDorado

[8]

发布了一个带有点划线零的版本: https://github.com/AlbertoDorado/droid-sans-mono-zeromod

[9]

Monoid: https://larsenwork.com/monoid/

vscode设置斜体字体

vscode支持配置所有源文件(包括txt文件)的字体为斜体,操作步骤如下:

1、在vscode的安装目录下找到对应主题的json文件。比如我的vscode的主题为"深色+",该主题的配置文件位于:"Microsoft VS Code\resources\app\extensions\theme-defaults\themes\dark_vs.json"

2、在"tokenColors"中加入以下配置,该配置会将所有的源码都以斜体显示(包括c/c++/python/java/lua等)

3、重启vscode配置即可生效,配置成功后的效果如下

4、如果想将txt/log/ini/cnf等文本文件的内容显示为斜体,需要安装"TXT Syntax"插件。原理:安装"TXT Syntax"插件后,vsocde会自动将txt/log/ini/cnf等文本文件当作源码处理,即步骤2中的source配置会生效; 如果不安装则不会生效。

相关问答

VScode无序列表怎么更改字体颜色?

按下列步骤操作:1、打开报表后,选中某个单元格单击右键【单元属性】,打开【单元属性】界面;2、在【字体颜色】页签单击【前景色】按钮,打开颜色界面,单击...

vscode不能调整字体大小?

1.第一步,打开pc端的vscode软件,然后点“首选项”就可以了。2.开始设置代码字体大小,点“设置”菜单才行哟。3.查找到这个属性就可以设置vscode的字体大...

vscode如何让文字竖向?

在VisualStudioCode中,可以通过使用特殊的Unicode字符来实现文字竖向显示。下面是一种方法:1.在编辑器中,将要竖向显示的文字输入到一个新的文本文件中。...

vscode字体变成纯白色代表什么?

如果VSCode的字体变成纯白色,很可能是因为在编辑器的设置中将字体颜色设置为白色了。这个问题可以通过打开“首选项”菜单下的“设置”选项来解决。在设置中...

ubuntuvscode如何调整整体字体大小?

VSCode,主界面,左下角小齿轮-setting-TextEditor-Font-FontSize就是字体大小设置;一般我们不会通过修改字体大小来更改视图,我们习惯直接用快捷键来调...

vscode怎么修改cssroot字体大小?

使用文字编辑器就可以修改了。使用文字编辑器就可以修改了。

ubuntu下怎么配置vscode?

在ubuntu下配置VSCode首先要确保已经安装了VSCode,并且在终端中输入“code”打开VSCode,然后在左侧Extensions菜单中搜索需要的插件并安装;接着,可以在VSCod...

vscode使用教程?

打开visualstudiocode之后,界面如图所示。最上方的是菜单栏,左侧的是快捷工具栏,设置按钮就在左侧的最下方首先看顶部的菜单栏,File是对文件操作的菜单,...vs...

vscode按什么界面突然变大?

如果在使用VSCode时突然发现界面变大,可能有以下几种原因:1.可能是因为意外按了放大快捷键(一般是Ctrl+“+”键);2.可能是因为改变了显示器的分辨率或...

【上班摸鱼系列】文字类游戏:末日丧尸爆发,你,是什么下场??...

工作吧,打开vscode,整理思路【题目2】心情不好,哪有时间码代码,去看看窗外【题目3】有点想上厕所,去厕所【题目4】题目2过了10分钟,没啥事发生,窗外却吵...