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如何让文字竖向?

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

vsCode更新之后变成中文版,怎样设置英文-ZOL问答

然后单击逗区域设置地。在逗语言地下拉列表中,选择要在开发环境中为界面文本使用的语言。电源海盗船讨论回答(4)我切换成功了,语言包,选择English,安装,重启...

vscode安装后小白怎么设置?

首次安装VSCode后,小白可以按照以下步骤进行设置:1.打开VSCode,在菜单栏中选择"文件"->"首选项"->"设...

vscode使用教程?

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

vscode按什么界面突然变大?

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

为什么vscode复制的代码是黑色的?

在VSCode中,复制的代码显示为黑色是因为系统的剪贴板中文本的颜色设置为黑色。这可能是由于某个主题或者插件的设置导致的,也可能是因为系统的默认设置。在VSC...

怎么配置vscode的python编译环境-ZOL问答

修改VSCode的一些选项的默认值VSCode有很多选项可以被修改,其各个选项都有默认值,这些默认值存储在"\settings.json"中(不过我没找到这个文件),用户如果想修...

vscodepdf转换为office?

1首先到网上下载一个PDF识别软件,网上有一大把随便下载,这里以捷速扫描文字识别软件的来当做例子2下载以后然后安装了,安装方法不多说,超级简单3安装完...

2022年,开发独立EXE桌面应用程序,用什么语言、技术合适?

摘要:在我认识的所有程序员里,每个人几乎都有专属于自己的常用工具和相关资源,今天给大家奉上数十个程序员硬核工具,我相信这里总有一款工具是属于你的!程...de...

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

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