当前位置:首页 > 网站建设 > 正文内容

html字体竖排(html字体竖排怎么设置)

网站建设5个月前 (06-09)304

即使我们在IDE(集成开发环境)中进行编程开发时,字体的选择也是重要的。一款美观优雅的字体能让代码看上去更舒服,给人一种愉悦的气氛,也使眼睛不再那么累,心情就会显得不错,那么你的开发效率自然也会有所提升。

如今除了专业的程序员外,很多很多业余爱好者都喜欢学习和折腾一下各种程序代码。

今天,就给大家推荐一些美美的编程字体,排名不分先后顺序,看个人喜好。

屏幕截图均使用了相同代码片段中的VS Code。

1、Inconsolata

Inconsolata号称最好看的编程字体。该字体最初是为了代码打印而诞生的一款等宽字体,作为编程的字体,最好使用等宽字体,而 Inconsolata 是一款看起来很漂亮的 monospace font(等宽字体),尤其适合在终端下和写代码的朋友使用。并且Inconsolata 由 Raph Levien 设计过,已经成为免费的,任何人都可以下载。英文字体着实还是很漂亮的,喜欢的朋友可以再自己体验一下。

2、YaHei Consolas Hybrid

YaHei Consolas Hybrid是一款程序员专用编程字体,也叫做consolas雅黑混合版字体,是由微软雅黑的中文字体和 Consolas 的英文字体合成的,持英文和中文,Consolas 字体是微软专为程序员开发的一种字体,但没有中文支持,所以 Yahei Consolas Hybrid 这种字体特别适合中英文的编程开发,代码编写。看代码很是舒服,很优雅很强大。推荐所有与代码有沟通的朋友使用此字体。

展开全文

3、Proggy

Proggy是一种很干净简洁的等宽编程字体,字体扁短且带有一点像素风格,且在小型字号的英文字符中能够做到高清晰辨别显示。非常适合程序员敲代码使用。

4、Consolas

Consolas是一套等宽字体的字型,属无衬线字体,由Lucas de Groot设计,这套字型使用了微软的ClearType字型平滑技术,非常好看。

5、Source Code Pro

Source Code Pro 堪称是一款完美的编程字体,Source Code Pro 是 Adobe 公司号称最佳的编程字体。而且还是开源的。它非常适合用于阅读代码,支持 Linux、Mac OS X 和 Windows 等操作系统,而且无论商业或个人都可以免费使用。

字母和数字易于分辨,如: 英文字母o 和 阿拉伯数字 0 ,或者 英文字母 l 和 阿拉伯数字 1 ,两个单引号 '' 和双引号 ”。

字体等宽,保持对齐,美观漂亮。

免费开源

6、Monaco

Monaco 字体是 OS X 系统默认的字体,与 Consolas 一样都非常适合程序开发人员,很明显一股浓浓的苹果风味。

7、Fira Code

Fira Code 是一种免费的等宽字体,专为写程序而生。支持连体符号如:≡ 、≥、≤、≠ 等。包含用于常见编程多字符组合的连字。这只是一个字体渲染功能:底层代码保持 ASCII 兼容。这有助于更快地阅读和理解代码。对于一些频繁的序列,如..或//,连字允许我们纠正间距。

Fira Code 其实基于 Fira Mono 字体,然后对操作符做了特殊处理,这样更符合通常的阅读习惯。

8、Hack

Hack 是一种专门用来显示编程语言的字体,其基于 Bitstream Vera 和 DejaVu 项目的开源字体, 0O以及 1lI等都清晰可辨,是码农的福音。

9、Droid Sans Mono

Droid Sans Mono也是专为编程人员打造的一款字体,字体看起来平滑大气,整体上给人一种舒适的感觉。

html字体竖排(html字体竖排怎么设置)

10、JetBrains Mono

JetBrains Mono 是Intellij IDEA 公司 JetBrains 推出了一种优雅美观字体。它是专为开发人员设计的。许多当前流行使用的各种字体,并未考虑到在代码开发阅读时的美观舒适,往往一天下来,聚精会神的你两眼难免会干涩难受。因此,在 JetBrains Mono 的设计阶段,它就充分考虑到了长时间工作可能导致的眼睛疲劳问题,比如字母的大小和形状、空间量、自然等宽平衡、不必要的细节、连字、以及难以区分的符号等,从而最终设计出了这么一款字体。

你喜欢哪款字体,如果有更好用的编程字体推荐,可以在评论区留言与大家交流分享。

文中提到的部分字体下载请扫描下图关注公众号: Linux迷

后台回复: 字体

来自:Linux迷

链接:https://www.linuxmi.com/programming-font.html

关注我们

Linux公社

星标”

每天 获取 技术干货,让我们一起成长

合作联系:root@linuxidc.net

关注我们

Linux公社

星标”

每天 获取 技术干货,让我们一起成长

合作联系:root@linuxidc.net

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://muyuzhen.com/post/116641.html

分享给朋友:

“html字体竖排(html字体竖排怎么设置)” 的相关文章

wps如何制作标签模板(wps怎么制作模板)

wps如何制作标签模板(wps怎么制作模板)

本篇文章给大家谈谈wps如何制作标签模板,以及wps怎么制作模板对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、如何使用wps制作个人简历格式 2、wps表格标签怎么添加 3、如何制作WPS WORD模板 如何使用wps制作个人简历格式 人简历在求职时是必备的材...

在网页HTML源代码中,()标签是必不可少的的简单介绍

在网页HTML源代码中,()标签是必不可少的的简单介绍

今天给各位分享在网页HTML源代码中,()标签是必不可少的的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何在网页上显示html代码 2、HTML标签在代码中是什么意思 3、在HTML中,标记的作用是__________ 4、...

幼儿园招生宣传单文案(幼儿园招生宣传传单)

幼儿园招生宣传单文案(幼儿园招生宣传传单)

今天给各位分享幼儿园招生宣传单文案的知识,其中也会对幼儿园招生宣传传单进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、幼儿园招生句子幽默 2、幼儿园招生广告语 3、幼儿园招生的唯美句子 4、幼儿园招生朋友圈句子 5、幼儿园招生海报文案都需要写...

dw网页制作图片居中代码(dw设置图片居中的代码)

dw网页制作图片居中代码(dw设置图片居中的代码)

今天给各位分享dw网页制作图片居中代码的知识,其中也会对dw设置图片居中的代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、DW8如何让表格内的背景图片居中显示 2、dreamweaver怎么把图片放在页面的中间位置 3、DW里怎么能让网页打开自适...

端午节ppt模板素材免费下载去水印(端午节的ppt模板免费)

端午节ppt模板素材免费下载去水印(端午节的ppt模板免费)

今天给各位分享端午节ppt模板素材免费下载去水印的知识,其中也会对端午节的ppt模板免费进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、ppt去除水印的方法步骤图 2、怎么用WPS去除PPT图片里的水印? 3、求端午节PPT模板素材和字体 ppt去...

论文提纲怎么写?范例(论文提纲怎么写?范例模板)

论文提纲怎么写?范例(论文提纲怎么写?范例模板)

今天给各位分享论文提纲怎么写?范例的知识,其中也会对论文提纲怎么写?范例模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何写论文提纲 2、论文提纲格式怎么写 3、论文的提纲要怎么写? 4、论文提纲怎么写 5、论文提纲如何写 6、论文...