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

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

网站建设5天前146

即使我们在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://zspsrg.cn/post/117340.html

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

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

包含泰安网站建设的词条

包含泰安网站建设的词条

本篇文章给大家谈谈泰安网站建设,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、泰安做网站的网络公司哪家好? 2、泰安网站建设,网站推广那几个比较好,企业站,能做出网站排名的 3、泰安网站建设特别需要注意的技巧有哪些 4、泰安网站建设 5、泰安哪家的网...

创意卡片制作图片大全(个性卡片制作方法图片大全)

创意卡片制作图片大全(个性卡片制作方法图片大全)

本篇文章给大家谈谈创意卡片制作图片大全,以及个性卡片制作方法图片大全对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、简单又漂亮的贺卡制作过程 2、创意贺卡大全做法大全 创意贺卡有哪些 3、怎么制作贺卡简单又漂亮 简单又漂亮的贺卡制作过程 简单又漂亮的贺卡制作过...

篮球海报ps模板素材(ps篮球比赛海报怎么做)

篮球海报ps模板素材(ps篮球比赛海报怎么做)

本篇文章给大家谈谈篮球海报ps模板素材,以及ps篮球比赛海报怎么做对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、怎样用ps做宣传海报 2、怎样用PS制作海报? 3、ps怎么做海报 怎样用ps做宣传海报 打开PS,新建一空白文档,背景色设置为白色,文档大小根据实...

怎么建网站(如何自己创建一个网站)

怎么建网站(如何自己创建一个网站)

今天给各位分享怎么建网站的知识,其中也会对如何自己创建一个网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、怎么样建网站 2、如何建立网站 3、怎样建一个自己的网站 怎么样建网站 很容易啊!首先你要会做网页(因为网站是由一大堆网页组成的哦)!一般...

使用wordpress搭建个人博客(wordpress教程菜鸟教程)

使用wordpress搭建个人博客(wordpress教程菜鸟教程)

今天给各位分享使用wordpress搭建个人博客的知识,其中也会对wordpress教程菜鸟教程进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何使用Wordpress构建自己的个人博客 2、如何利用wordpress搭建自己独立的博客 3、如何用...

参会证模板设计素材(参会证样式)

参会证模板设计素材(参会证样式)

今天给各位分享参会证模板设计素材的知识,其中也会对参会证样式进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、企业微信创建失败的原因是什么? 2、我的企业微信不小心创造了团队,我将那个团队删了结果重新创造的时候,他显示请勿频繁操作我该怎么办? 3、人脸...