Fira Code字体安装与配置
俗话说,工欲善其事,必先利其器。算法固然重要,但真正实践也很重要。
一个字体的好看程度,直接决定了写代码和看代码的心情。比如这样:
代码1:
#include <iostream>
#include <cstdio>
...
代码2:
#include <iostream>
#include <cstdio>
...
对比强烈,一目了然。
接下来,让我们看一看这个为程序员而生的字体——Fira Code。
1. Fira Code长什么样?
先上图感受下:


看起来还挺美观的吧?
不过,相信一些同学看出来它的特殊之处了。
这就是它的特殊之处——编程连字特性。
这样,就可以提高代码的可读性。
在\(C++\)中,Fira Code有很多符号都做了类似的优化。
比如,\(<=\)变成了\(\le\) ,\(!=\)变成了\(\ne\) 。
如果你仔细观察,会发现\(++\)、\(--\)、\(<<\)也变了。
当然,远不止这些符号。这是官方给出的全图:

没错,它还包括PowerLine字符,因此用Vim的同学也可以大胆使用。
2. 怎么获取Fira Code
说了这么多,怎么下载Fira Code字体呢?
单击这个地址可以下载 v1.204 版的 Fira Code -> Download v1.204
当然,考虑到有些同学没有 木弟 子,这里给一个我打包上传的链接:点这里
解压后双击即可安装字体。
Retina——适合视网膜屏幕(苹果的那种)。
Regular——适合平时用。
Light——比较细。
Bold——粗体。
Medium——介于Regular与Bold之间。
请自己按需食用。
如果你想在你的网站上使用Fira Code,插入以下代码:
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
3. 为什么我的浏览器/编辑器/终端显示不了Fira Code 的连字效果?
一些浏览器/编辑器/终端显示不了连字效果。
终端:
| 可以显示连字效果 | 不可以显示连字效果 |
|---|---|
| Butterfly | Alacritty |
| crosh | Windows Console (conhost.exe) |
| Hyper.app | Cmder |
| iTerm 2 (3.1+) | ConEmu |
| Kitty | GNOME Terminal |
| Konsole | mate-terminal |
| mintty (部分支持 2.8.3+) | PuTTY |
| QTerminal | rxvt |
| Terminal.app | xterm |
| Termux | ZOC (Windows) |
| Token2Shell/MD | gtkterm, guake, LXTerminal, sakura, Terminator, xfce4-terminal, 以及其它基于libvte的终端。 |
| upterm | |
| Windows Terminal | |
| ZOC (macOS) |
支持的浏览器:
- IE 10+, Edge Legacy: 需启用
font-feature-settings: "calt"; - Firefox
- Safari
- 基于Chromium browsers (Chrome, Opera)
- ACE
- CodeMirror (需启用
font-variant-ligatures: contextual;)
编辑器:
| 可以显示连字效果 | 不可以显示连字效果 |
|---|---|
| Abricotine | Arduino IDE |
| Android Studio (2.3+) | Adobe Dreamweaver |
| Anjuta | Delphi IDE |
| AppCode (2016.2+) | Eclipse (Windows) |
| Atom 1.1 or newer | Emacs |
| BBEdit/TextWrangler (只有v11) | Geany (Windows) |
| Brackets (需有这个插件) | gVim (Windows环境) |
| Chocolat | IDLE |
| CLion (2016.2+) | KDevelop 4 |
| Cloud9 | Monkey Studio IDE |
| Coda 2 | |
| CodeLite | |
| Eclipse (macOS 4.7+, Linux) | |
| elementary Code | |
| Geany (macOS) | |
| gEdit / Pluma | |
| GNOME Builder | |
| GoormIDE | |
| IntelliJ IDEA (2016.2+) | |
| Kate, KWrite | |
| KDevelop 5+ | |
| Komodo | |
| Leafpad | |
| LibreOffice | |
| LightTable | |
| LINQPad | |
| MacVim 7.4以上版本 | |
| Mancy | |
| Meld | |
| Mousepad | |
| NeoVim-gtk | |
| NetBeans | |
| Notepad (Windows) | |
| Notepad++ (要求:链接) | |
| Notepad3 | |
| PhpStorm (2016.2+) | |
| PyCharm (2016.2+) | |
| QtCreator | |
| Rider | |
| RStudio | |
| RubyMine (2016.2+) | |
| Scratch | |
| Scribus (1.5.3+) | |
| SublimeText (3146+) | |
| Spyder IDE (只能Qt5) | |
| SuperCollider 3 | |
| TextAdept (Linux, macOS) | |
| TextEdit | |
| TextMate 2 | |
| VimR | |
| Visual Studio (2015+) | |
| Visual Studio Code | |
| WebStorm (2016.2+) | |
| Xamarin Studio/Monodevelop | |
| Xcode (8.0+, 或者安装这个插件) | |
| 很可能可以(凭rp): Smultron, Vico | 待定: Code::Blocks IDE |
用Dev-C++的同学,赶快转成其他的吧!
最后,祝大家rp++!
蒟蒻写博客不易,恳请大佬点个赞!
Fira Code字体安装与配置的更多相关文章
- VS Code的安装与配置
VS Code的安装与配置 Visual Studio Code(VS Code)是微软旗下的一个开源文本编辑器,支持Windows.macOS.Linux操作系统.数量众多.种类多样的插件极大提高了 ...
- Fira Code,可以让不等号!=直接显示出来的字体
今天看B站某直播间有人写代码C#里一堆不等号直接显示,感觉很神奇,以为是插件还是什么新语法,托人问了下原来是Fira Code字体 https://github.com/tonsky/FiraCode ...
- ASP.NET Core - VSCode安装和配置
在深入了解ASP.NET Core之前先研究了下主要的两个开发工具(VS 2015和VS Code), VS 2015对Core的支持已经相当的完备,很多操作得到简化用起来很是方便.VS Code是微 ...
- 转 Fira Code | 为写程序而生的字体
原文:Fira Code | 为写程序而生的字体 Fira Code | 为写程序而生的字体 己短不可藏 6月前 · 1199 人阅读 关注TA 程序员福利!!!今天为大家带来一个专为程序员写程序设计 ...
- Fira Code:适合程序员的编程字体
#Fira Code Fira 是 Mozilla 公司 主推的字体系列.Fira Code 是其中的一员,专为写程序而生.出来具有等宽等基本属性外,还加入了编程连字特性(ligatures). Fi ...
- 为写程序而生的连字字体 Fira Code
Fira Code,等宽的编程连字字体 **等宽 ** 是指所有字符的宽度相同,如: W 和 i 用一样的宽度去显示 连字(ligatures)为文字排印的一个特性,比如「f」和「 i」放在一起的时候 ...
- Ubuntu下安装并配置VS Code编译C++
作者:tongqingliu 转载请注明出处:http://www.cnblogs.com/liutongqing/p/7069091.html Ubuntu下安装并配置VS Code编译C++ 安装 ...
- PyCharm 2017 官网 下载 安装 设置 配置 (主题 字体 字号) 使用 入门 教程
一.安装 Python 3.6 首先,要安装好 Python 3.6.如果你还没有安装,可以参考咪博士之前的教程 Python 3.6.3 官网 下载 安装 测试 入门教程 (windows) 二.官 ...
- VS Code 安装与配置(使用MSYS2环境与mingw-w64 编译环境)
更正了顺序,之前不知道怎么回事,内容顺序乱了 力求完美.详细,所以希望懂的人留言指点一下. 目前已经开始添加原理解释,希望大家能分享一些gcc gdb C语言等方面优秀链接 后续会慢慢增添内容,修正 ...
随机推荐
- JAVA对象转换为JSON及日期格式转换处理
1.JSON日期格式转换 默认JSON对DATE类型会转换成一个多属性对象, 而不是单独的一个字符串, 在某些应用处理上不是很方便, 可以利用JsonValueProcessor来实现日期的转换. ...
- Java知识系统回顾整理01基础04操作符02关系操作符
一.关系操作符 关系操作符:比较两个变量之间的关系 > 大于 >= 大于或等于 < 小于 <= 小于或等于 == 是否相等 != 是否不等 public class Hell ...
- 剑指Offer(一):二维数组中的查找
一.前言 刷题平台:牛客网 二.题目 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整 ...
- 阿里云服务器安装mongodb并且启动
// 1.下载 我是直接在local里面创一个mongodb文件夹进行下载和解压 curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_ ...
- JavaScript动态生成表格
要求: HTML标签只写一行表头 通过JS来写动态的表格(有多少组数据,就自动创建多少行表格) 为学习和演示,采用固定的数据,不涉及调用后台数据 代码实现: HTML内容: <table cel ...
- java高级项目 jdbc与数据库连接数据库
//图书管类 public class Book { private Integer id; private String b_name; private double b_price; privat ...
- 小程序将base64的多张图片,传到tp5后台
zhu要是前端传过来的数据是base64的数据库存储不了base64的数据,因存储量太过于大,因此后台要将base64的数据转换成,34124323534.jpg等格式的,数据库才可将其存储 源码暂时 ...
- css做模糊处理
-webkit-filter: blur(9px); filter: blur(9px);
- mysql5.5和5.6的一些区别
timestamp 5.5中 直接写timestamp不加长度 5.6 中 写的timestamp(3) datatime 5.5中 直接写datetime 不加长度 5.6中 可以添加长度(3 ...
- python的PEP8代码规范
一.缩进:每级缩进用4个空格.如果缩进不正确或缩进格式不统一,一般错误信息会明确告诉你,但有时也会出现invalid syntax报错.所谓缩进不正确,python的缩进是四个空格或一个TAB,如果缩 ...