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

html里字体(html里字体颜色)

网站建设5个月前 (06-23)349

即使我们在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也是专为编程人员打造的一款字体,字体看起来平滑大气,整体上给人一种舒适的感觉。

10、JetBrains Mono

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

html里字体(html里字体颜色)

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

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

后台回复: 字体

来自:Linux迷

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

关注我们

Linux公社

星标”

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

合作联系:root@linuxidc.net

关注我们

Linux公社

星标”

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

合作联系:root@linuxidc.net

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

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

本文链接:http://bjqlhc.com/post/117340.html

标签: html里字体
分享给朋友:

“html里字体(html里字体颜色)” 的相关文章

兼职网站制作(网站搭建兼职)

兼职网站制作(网站搭建兼职)

今天给各位分享兼职网站制作的知识,其中也会对网站搭建兼职进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、网站设计兼职薪资报酬? 2、兼职做网站项目赚钱? 3、seo兼职怎么做? 4、兼职美工设计一个网页,要多少钱?具体怎么算的 5、做一个兼职...

网站优化外包公司(网站推广外包公司)

网站优化外包公司(网站推广外包公司)

今天给各位分享网站优化外包公司的知识,其中也会对网站推广外包公司进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、找seo外包公司需要注意什么? 2、网站优化外包公司是干什么的? 3、SEO外包公司服务费用是多少 找seo外包公司需要注意什么? 在“...

武汉?网站制作(武汉网站制作案例)

武汉?网站制作(武汉网站制作案例)

今天给各位分享武汉?网站制作的知识,其中也会对武汉网站制作案例进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、武汉网站设计制作,武汉做网站多少钱 2、武汉网站建设哪家公司好 3、武汉网站建设公司哪家最好? 4、在武汉制作一个网站需要多少钱?...

虚拟形象动作捕捉(虚拟形象动作捕捉技术)

虚拟形象动作捕捉(虚拟形象动作捕捉技术)

今天给各位分享虚拟形象动作捕捉的知识,其中也会对虚拟形象动作捕捉技术进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、直播时的虚拟人物怎么设置的? 2、为什么我的抖音开直播没有虚拟形象 3、腾讯会议怎么变身 4、小艺有虚拟形象吗 5、vtube...

怎么给视频加模板边框(如何给视频加边框)

怎么给视频加模板边框(如何给视频加边框)

今天给各位分享怎么给视频加模板边框的知识,其中也会对如何给视频加边框进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、pr怎么在视频上加个边框 2、拜年视频边框怎么加? 3、怎么给自制视频加边框? 4、手机怎么给视频加黑色椭圆边框 5、怎样制作...

微信h5页面制作工具(微信h5页面制作工具有哪些)

微信h5页面制作工具(微信h5页面制作工具有哪些)

本篇文章给大家谈谈微信h5页面制作工具,以及微信h5页面制作工具有哪些对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信H5页面免费制作工具有哪些,求各位大神解答 2、制作微信h5,易企秀或凡科,用哪个更好? 3、h5是什么工具制作的什么? 4、微信公众号编...