介绍
FiraCode是一款优秀的编程专用连体等宽字体,这是笔者使用次数最多的字体,因为我喜欢它的连体性质,让代码看起来更优雅更符合人类对于字体的认知,在Github上这款字体已经收获40+K Stars,足以说明其受欢迎程度,当然优秀是其受欢迎的原因!
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/773a3072-85c6-42ad-a975-6df1854d4ce9.jpg)
Github
https://github.com/tonsky/FiraCode
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d326588d-a502-4793-8b1a-b475ec260df7.jpg)
一般字体的问题
我们在考虑载体会在意以下几个点:
- 相似的特征是区分的,比如 0|O,1|I
- 字体样式(线宽,字符宽度/高度)是否易于阅读
- 安装方式
- 分辨率支持
- 是否开源、免费
程序员使用很多符号,通常用几个字符编码。对于人的大脑,序列等->,<=或者:=是单独的逻辑标记,即使它们需要两个或三个字符在屏幕上。眼睛花费了非零的能量来扫描,解析并将多个字符合并为一个逻辑字符。理想情况下,所有编程语言都应使用面向操作员的完整Unicode符号进行设计,但事实并非如此。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/fa5b63b9-266e-4a00-9d07-f8531a441a37.jpg)
Fira Code是Fira Mono字体的扩展,其中包含一组用于常见编程多字符组合的连字。这只是字体渲染功能:基础代码保持ASCII兼容。这有助于更快地阅读和理解代码。对于..或//这样的频繁序列,连字允许我们校正间距。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f638b5d4-b0c4-46af-9178-6a5e4395a6e4.jpg)
代码效果预览
下面展示一些Fira Code在不同变成语言的效果体验(来源于Github):
- Ruby
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/250a8063-1b18-4dd1-bad1-39a15dc40c5a.jpg)
- Go语言
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/10674f84-7f5d-4a77-832f-884cab1f0f98.jpg)
- JavaScript
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c8c01f82-174c-4c71-8c4a-300afad30190.jpg)
- PHP
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2515ac19-9c11-4c33-88e9-7c3d12e0880a.jpg)
- liveScript
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/bff9da4e-a901-4dcf-9d7b-17633e1f95ee.jpg)
- clojure
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/672d55b4-6888-41b8-afef-232f5b8dd6e5.jpg)
终端和编辑器支持
下面的图片展示了其支持和不支持的终端:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/fdb12488-5d10-4d6f-9a8c-86803dd90cd9.jpg)
以下是支持和不支持的编辑器(左边是支持的编辑器,右边相反):
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/13f2c34e-855d-4765-8459-b561722c3850.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/9b87869e-5a65-4867-b2fe-5511a719701a.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/df6a271f-cd48-4d94-b6ab-47127691798b.jpg)
Web浏览器支持
<!-- HTML --> <link rel="stylesheet" href="FiraCode@1.207/distr/fira_code.css"> /* CSS */ @import url(FiraCode@1.207/distr/fira_code.css); /* Specify in CSS */ font-family: 'Fira Code', monospace;
以下是浏览器支持情况:
- IE 10+, Edge: enable with font-feature-settings: "calt" 1;
- Firefox
- Safari
- Chromium-based browsers (Chrome, Opera)
- ACE
- CodeMirror (enable with font-variant-ligatures: contextual;)
样式集设置
通过样式集,可以按功能访问字体的其他可选部分。在Fira Code中,它们允许你启用/禁用替代字符变体。Fira Code v2支持以下样式集(只有在编辑器支持的情况下,才能启用样式集):
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3b7d95c7-daae-4a17-a13f-3e5cb0f88bfa.jpg)
如何设置样式集,可以参考Github上对于各个编辑器的介绍!
编辑器预览
以下是笔者使用的IDE或者编辑器的使用预览效果,字体已经放大:
- VSCode
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c5ed8928-5d22-434e-89f1-625b5d4ef345.jpg)
- IDE家族
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e16cdb4f-38ee-4788-b3f4-dfdd353d7379.jpg)
总结
笔者使用过几款字体,各有各的优点,FiraCode是其中使用最多的字体,其他字体如Input、Source Code Pro、Anonymous Pro、Ubuntu Mono、Menlo、Consolas、Hack也是比较优秀的,有关这些字体的简单了解可参考下文:
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/Github-shang-yi-kuan-you-xiu-de-bian-cheng-zhuan-yong-lian-ti-deng-kuan-zi-ti-FiraCode.html
评论列表(196条)
测试