您好,欢迎光临海口高端网站建设公司极简慕枫

您当前位置: 海口网站建设 > 新闻动态 > 海口高端网站建设:用于代码段的10种最佳免费单频字体

海口高端网站建设:用于代码段的10种最佳免费单频字体

海口高端网站建设

现在几乎每个网站都流行网络字体。我们经常使用它们作为页面标题和正文文本。但您也可以将它们用作代码片段。

大多数设计人员从未考虑过更改默认的代码文本样式,但使用Google字体非常简单。更不用说,如果您想要更改IDE中的字体,可以在本地免费下载和使用这些字体。

这是我列出的10种最好的编码字体的选项-所有这些都是免费的。看看你怎么想!

你可以问的所有字体

纤维字体
悼念字体

PT Mono

氧气单

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

你可能会注意到某些字母之间有一些奇怪的间距,比如“L”和“E”字符。但是,只有当文本更大时才会出现这种情况,而在较小的大小时不太明显。

我从未见过用于代码片段的这种字体,但它绝对是列表中最尖锐的字体之一。如果你喜欢这个设计的话,这对于代码甚至页面标题来说都是很好的选择。

菲拉·莫诺

源代码Pro字体

这里是另一个字体的例子,它可以在任何格式下都能很好地工作。菲拉·莫诺已经被设计成一种单间距的代码字体,但是粗体的样式看起来也很不错。

当你把这个字体调整到12-16 px左右的时候,你会注意到它实际上是一个很好的导航链接样式。具体来说,如果你使用粗体格式,并且所有的链接都是大写字母,它就能很好地工作。

对于任何网站来说,这都是一个很好的字体选择,而且对于样式化的代码片段来说也是非常有用的。

角质Mono

立方单字型

角质Mono是一种更为传统的单频字体。这是我在寻找代码片段的字体时通常会想到的情况。

这种字体的薄字母形式与均匀间距的图形是完美的任何网站。您可以使用这种字体正确地组织代码,并且它在语法高亮显示下运行得很好。

唯一的警告是,当您将此字体调整为更小的大小(低于15px)时,几乎不可能读取。更不用说字母间距看起来有点傻了。因此,您可能希望使用CSS字母间距属性来调整。

disconsolate孤独的,郁郁不乐的

黑字

这是一个非常酷的名字的字体。Ins海口高端网站建设olata最初是为打印代码清单而设计的,但后来成为程序员和IDE字体的一个很好的选择。

它在屏幕上工作得很好,在网站上也应该完美无缺地工作。无论您的代码片段有多大,或者您在哪里使用它们,Insolata都是一个很好的选择。

您可以使用常规或粗体格式的字体-它们在所有大小上都看上去很棒。当字体小于15 px时,我个人更喜欢粗体字体,但您可以随时调整对比,使其更具可读性。

Hack

PT单字体

Hack是一个真正的程序员的字体家族,这是我没有通过Google字体追踪到的为数不多的列表之一。

这是一个真正为代码设计的字体,可以在任何平台上使用-Web、移动或桌面IDE。

您可以从主GitHubrepo获取一个副本,以及有关字体开发的更多细节。字体是多语种的,支持1,500多个象形文字(还有计数!)

这个非常值得测试,即使您只在几个项目中使用Hack。

Gohufont

匿名PRO字体

对于那种“经典”的单步调来说,Gohu头字体是一个很好的选择。这让我想起更多的旧学校任天堂字体或字体,你会看到在老游戏。

如果你浏览主页,你会发现一个自动调整大小的例子。您可以在11 px或14 px测试字体,以比较不同之处。这包括所有大写字母和小写字母,以及特殊符号.

实际上,我不太喜欢IDE,海口高端网站建设但它可以在网站上很好地工作。或者,您也可以尝试在终端窗口中使用此方法。Gohufont作为CLI字体运行得非常好,因为它与所有程序完全匹配。

源代码Pro

这也许是谷歌整个库中最著名的单频字体。源代码Pro提供了一系列不同的风格,从超薄到超大胆。

您可以重新设置此字体系列以满足您的需要并匹配站点的代码标记。如果您有任何高亮显示插件的语法,则此字体将无瑕疵地工作。

请注意,源代码Pro是作为原始OpenSANS字体的配套部件设计的。因此,它在使用OpenSAN或其任何变体的网站上运行得很好。

立交桥

我已经在我的代码编辑器中测试了天桥Mono,它运行得非常好。当然,我从未尝试过在网站布局中使用它。但我认为它也同样适海口高端网站建设用于这一点。

立交桥Mono是一个很好的选择,因为它有各种各样的风格,而不偏离传统的单空间字体太远。它看起来就像任何其他单空格字体,但它真的有自己的“感觉”,随着时间的推移在你身上生长。

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

氧气单

用氧气单面字体,你可以得到一个非常类似于立交桥的设计。最大的区别是缺乏风格化和较少的格式选项。

这种字体只有一种格式:普通。您仍然可以粗体或斜体字体,但它将通过CSS呈现-而不是通过字体文件。我推荐给网络,因为它更小,更容易与不同的配色方案相融合。

更别提它可以和你选择的任何字体堆栈一起工作了。

匿名专业

我已经保存了最独特的字体选择,最后与匿名专业。这是一种非常有创意的字体,也是最容易识别的字体之一。

我有一个小小的抱怨,就是小尺寸的字母不够“脆”。您仍然可以识别这些字母,它作为代码字体的工作原理非常棒。但是它会在这个列表中的所海口高端网站建设有其他地方脱颖而出,特别是在12 px以下的任何地方。

在好的一面,这种字体横跨在单间隔,衬线和无衬线之间。它从他们所有的想法,所以你可以让这个适合你的网站上的任何地方。

上一个:海口企业网站设计建设:8可能影响网站安全性的设计元素
下一个:龙华网站建设公司:WordPress插件-对你安装的插件要聪明