用于编辑器IDE的10种最佳免费等宽字体

Webfonts现在几乎每个网站都很流行。我们经常将它们用于页面标题以及正文文本。但是,您也可以将它们用于代码片段。

大多数设计师从不考虑更改默认代码文本样式,但使用Google字体很简单。更何况,如果您想更改IDE中的字体,则可以免费下载和使用这些字体。

这是我编写字体的10个最佳选项列表 – 全部免费提供。看看你的想法!

PT MONO

免费的PT Mono字体是一个很好的开始。它干净,锋利,很容易融入任何布局。

您可能会注意到某些字母之间有一些奇怪的间距 – 如“L”和“E”字符。但是这只有在文字较大时才会出现,而且在较小尺寸时不太明显。

我从来没有见过用于代码片段的,但它绝对是列表中最清晰的字体之一。如果你喜欢这个设计,那么它对于代码甚至是页面头文件来说都非常棒。

FIRA MONO

这是另一个可以以任何格式工作的字体的例子。Fira Mono被设计为用作等宽字体的代码字体,但大胆的风格也适用于标题。

当您将这种字体调整为12-16px左右时,您会注意到它实际上也具有很好的导航链接风格。具体来说,如果您使用粗体格式并将所有链接以大写字母显示,则效果良好。

这对任何网站来说都是一个很好的字体选择,并且可以用于不只是造型代码片段。

CUTIVE MONO

Cutive Mono是一种更传统的等宽字体。这通常是我在为代码片段寻找字体时想到的。

这种字体的细字母形式与偶数间距字形适合任何网站。您可以使用此字体正确组织代码,并且在语法突出显示下工作良好。

唯一需要注意的是,当您将此字体调整为较小的尺寸(低于15像素)时,几乎不可能读取。更不用说字母间距在这个尺寸上看起来有点愚蠢。所以你可能想要使用CSS letter-spacing属性来调整它。

INCONSOLATA

这是一个非常酷的名字。Inconsolata最初是为打印代码清单设计的,但后来成为程序员和IDE字体的绝佳选择。

它在屏幕上很好地工作,应该在网站上完美地工作。无论您的代码片段有多大或使用它们的位置如何,Inconsolata都是不错的选择。

您可以使用常规或粗体格式的字体 – 它们在各种尺寸上都很棒。如果字体小于15像素,我个人更喜欢粗体字体,但您始终可以调整对比度以使其更具可读性。

HACK

我没有通过谷歌字体追踪的少数列表之一,Hack是一个真正的程序员的字体家族。

这是一款真正为代码设计的字体,可用于任何平台 – 网页,手机或桌面IDE。

您可以从主GitHub仓库中获取副本,以及有关字体开发的更多详细信息。字体是多种语言的,支持超过1500个字形(并计数!)

即使你只在一些项目中使用Hack,这个测试也非常值得。

GOHUFONT

Gohufont字体是对于“经典”等宽的外观极好的选择。这让我想起了更多老派的任天堂字体,或者您在旧版Gameboy游戏中看到的字体。

如果您查看主页,您会发现带有自动缩放功能的示例。您可以测试11px或14px的字体来比较差异。这包括全大写和小写字母,以及特殊符号。

实际上,我不喜欢IDE,但它可以在网站上很好地工作。或者,您也可以尝试在终端窗口中使用它。Gohufont非常适合作为CLI字体,因为它完美匹配所有程序。

SOURCE CODE PRO

这也许是Google整个图书馆中最着名的等宽字体。Source Code Pro有许多不同的风格,从超薄到超大胆。

您可以重新设置该字体系列以适应您的需求并匹配您网站的代码标签。如果你有任何语法高亮插件,这种字体将完美地工作。

请注意,Source Code Pro被设计为原始Open Sans字体的配套件。所以它在使用Open Sans或其任何变体的网站上效果非常好。

OVERPASS MONO

我已经在我的代码编辑器中测试了Overpass Mono,并且它工作得很好。当然,我从来没有尝试过在网站布局中使用它。但我认为它也可以同样如此。

立体声单声道是一个很好的选择,因为它具有多种风格,而不会偏离传统的等宽字体。它看起来就像任何其他等宽字体一样,除了它随着时间的推移真正拥有自己的“感觉”。

在您的网站上给它一个镜头,或在两个不同的IDE窗口中并排尝试。你可能会发现你比你的默认字体更喜欢它。

OXYGEN MONO

使用Oxygen Mono字体,您可以获得与立交桥非常相似的设计。最大的区别是缺乏程式化和更少的格式化选项。

这种字体只有一种格式:正常。你仍然可以粗体或斜体字体,但它会通过CSS呈现 – 而不是通过字体文件。我建议这个网站,因为它更小,更容易融入不同的配色方案。

更何况它可以和任何你选择的字体一起工作。

ANONYMOUS PRO

我用Anonymous Pro保存了最后一次最独特的字体选择。这是一个非常不错的创意字体,它是最容易识别的字体之一。

我有一个小问题,就是在较小的尺寸上缺少字母的“清晰度”。您仍然可以识别这些字母,并且它可以用作代码字体。但它会在这个列表中的所有其他人中脱颖而出,特别是在12px以下的任何地方。

另一方面,这种字体跨越了等宽字体,衬线字体和无衬线字体之间的界限。它借鉴了所有人的想法,所以你可以在网站上的任何地方找到它。

Back to Top