FiraCode 是 Mozilla 公司 Fira 字体系列的其中的一款字体,是专门为广大程序员们提供的一种编程连字等宽字体。Fira Code 会对编程语言中的特殊符号做出优化,并提高了代码的可读性。Fira Code是程序员编程字体中最受欢迎的编程字体之一。
介绍
在我们写程序的时候,经常会用到 ->
=>
::
>=
.=
+=
等超过一个字符的操作符,但是这个操作符其实只有一个含义,按照常理来说,既然表达一个含义那么占一个位置也是理所应当的。这就是 Fira code
的目的了。
从下图中我们就可以知道,Fira code
的编程连字等宽
到底是什么意思:
代码展示
PHP:
Javascript:
Go:
以上只是个例子,无论任何编程语言使用了该字体,只要在你使用的代码中有特殊符号,都会以最佳的阅读方式优化!大可不必担心编程语言差异的问题。
安装方式
下载地址:
https://github.com/tonsky/FiraCode/releases
安装包内ttf文件夹下的Fira code
字体,win
与mac
都一样,选择自己喜欢的宽度安装,当然也可以全部安装上。
编辑器配置
我常用的只有VSCode
和Sublime text
,所以只贴这两种编辑器的配置:
VSCode
//Fira Code font for VScode setting
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.fontWeight": "normal"
Sublime text
//Fira Code font for Sublime Text
"font_face": "Fira Code",
"font_size": 11,
"font_options": [
"dlig"
],
WEB页面中使用
<!-- HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css">
@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css);
code { font-family: 'Fira Code', monospace; }
@supports (font-variation-settings: normal) {
code { font-family: 'Fira Code VF', monospace; }
}
更多细节请前往Github:
https://github.com/tonsky/FiraCode
Have Fun!
王者荣耀无限点券http://av325.com/繁华尽处,寻一处无人山谷,建一木制小屋,铺一青石小路,与你晨钟暮鼓,安之若素。
人应该要为梦想追逐,不管现实给了你多少黑眼圈。勇敢的追求自己的梦想吧!早上好!每一天都是新的开始!
土豆裂开了
感谢分享,谢谢
亚马逊云科技文章合作,有兴趣的话,给我这个邮箱发消息即可
我一直在,从未走远。
图床挂了~~~
这位博主,您好。在浏览完您的博客文章后,感觉您的博客内容质量非常的好,也达到了加入腾讯云自媒体分享计划得要求。
现诚挚地向您发出邀请,邀请您加入腾讯自媒体分享计划:https://cloud.tencent.com/developer/support-plan?invite_code=347bs58ysckks 。待审核成功入驻后,会在社区后台为您发放相关得腾讯云无门槛代金券以及一些实物奖励。
具体审核细则,请进入页面查看。
感谢分享
第一种看起来比较顺眼
感谢分享,赞一个
赞一个(╯‵□′)╯︵┴─┴
感谢分享 赞一个
感谢分享
博主再不上线,服务器都要到期了。![](https://xinyu19.com/usr/themes/handsome/usr/img/emotion/aru/despise.png)
好久不见兄弟~~~~
华丽胡哨挺好看的
不错,必须顶一下!