编程哪个字体最好看

2023年 12月 9日 50.8k 0

对于我们程序员而言,每天面对时间最长的就是各种 IDE 了。

选择一款好看的编程字体就变得很重要了,赏心悦目,对身心健康还是很有帮助的,可能吧。

如果你现在还在使用默认的字体,或者随便用的,那可以考虑一下下面这三款字体。没准换上之后,心情一好,还能少写俩 bug 呢。

图片最好在电脑浏览器查看,或者在手机上放大看,才能看出效果。

JetBrains Mono

大家都知道,我们平时开发用的 IDEA 就是JetBrains 家开发的,除了 IDEA 外, 还有其他为各种语言开发的对应工具,比如为 Python 提供的 PyCharm 等。

作为专业的 IDE 开发商,对用户诉求那肯定是非常清楚的,所以专门设计了自家的编程字体 JetBrains Mono 。

我目前用的就是这一款字体。JetBrains Mono 是一种等宽无衬线字体。

等宽

Mono 的就是等宽意思,我们从小学写字的时候,老师告诉我们:写的字要方方正正才好看。那时候的本子是田字格的,每一个汉字摆在一个格子里,不大不小的,这样整整齐齐的一篇写下来才好看,要不说我们的文化博大精深呢。

下面的字体中,上面的是非等宽,下面的就是等宽字体,还是等宽的更好看一些。

图片[1]-编程哪个字体最好看-不念博客

无衬线

我们有时候在页面上会看到这样的样式定义,后面有个 sans-serif,这就是无衬线的意思。

body {
 font-family:Helvetica Neue",Helvetica,Arial,sans-serif;
}

无衬线只是针对西方语言的,比如英语,东方文字大部分都没这个特性,除非故意设计的字体。而编程语言绝大部分都是英语的,所以有无衬线在视觉体验上很明显。

下图是衬线字体和无衬线字体的区别,视觉感官上区别非常大。

图片[2]-编程哪个字体最好看-不念博客

下图是 JetBrains Mono 字体在 IDEA 中的效果。

图片[3]-编程哪个字体最好看-不念博客IDEA JetBrains Mono 字体风格

下图是 JetBrains Mono 字体在 VSCode 中的效果。

图片[4]-编程哪个字体最好看-不念博客

可以到官网下载  https://www.jetbrains.com/lp/mono/

Consolas

这个字体使用的人数应该是最多的了。我刚开始用 Visual Studio 做 C# 开发的时候一直用这款字体,后来转到 Java 之后也用了一款时间,直到 JetBrains Mono 字体出来之前,我一直用它。

之所以用的人多,可能也和 Visual Studio 宇宙第一强大 IDE 有关,因为它是内置在其中的字体。并且它还有个特性,就是在低分辨率下也能够显示的非常清晰。

它同样是等宽无衬线字体。

下图是 Consolas 字体在 IDEA 中的效果。

图片[5]-编程哪个字体最好看-不念博客

下图是Consolas 字体在 VSCode 中的效果。

图片[6]-编程哪个字体最好看-不念博客

SF Mono

这是苹果公司设计的一种等宽字体。

下图是SF Mono 字体在 IDEA 中的效果。

图片[7]-编程哪个字体最好看-不念博客

下图是 SF Mono 字体在 VSCode 中的效果。

图片[8]-编程哪个字体最好看-不念博客VSCode 中 SF Mono 字体风格

我们可以在这个网站 https://www.nerdfonts.com/font-downloads 上看到各种常用编程字体的预览效果。

图片[9]-编程哪个字体最好看-不念博客

另外,还可以找到字体的 Nerd Font 版本,Nerd Font 就是在原有的字体文件上加入了更多的和编程相关的图标。

例如 JetBrains Mono 本身就支持很多特殊图标,像下面这样。如果你用了 Nerd Font 版,可以支持更多的图标。

图片[10]-编程哪个字体最好看-不念博客

常用的场景就是定制命令行客户端,比如使用 zsh 实现各种颜色和图标的样式,只是为了好看。

图片[11]-编程哪个字体最好看-不念博客

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论