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语言等方面优秀链接 后续会慢慢增添内容,修正 ...
随机推荐
- Feedforward neural networks前馈神经网络
Feedforward neural networks or deep feedforward networks or multilayer perceptrons Pass input throug ...
- tensorflow(一):基础
一.张量 1.张量的概念 在TensorFlow中,所有的数据都通过张量的形式来表示.从功能的角度,张量可以简单理解为多维数组,零阶张量表示标量(scalar),也就是一个数:一阶张量为向量(vect ...
- 这一次,彻底理解JavaScript深拷贝
导语 这一次,通过本文彻底理解JavaScript深拷贝! 阅读本文前可以先思考三个问题: JS世界里,数据是如何存储的? 深拷贝和浅拷贝的区别是什么? 如何写出一个真正合格的深拷贝? 本文会一步步解 ...
- 深入解读 ASP.NET Core 身份认证过程
长话短说:上文我们讲了 ASP.NET Core 基于声明的访问控制到底是什么鬼? 今天我们乘胜追击:聊一聊ASP.NET Core 中的身份验证. 身份验证是确定用户身份的过程. 授权是确定用户是否 ...
- 01 Arcgis10.6 安装教程
一.ArcGIS系统要求 包括: Win7 SP1(及以上) 32/64位系统 Win8.1 32/64位系统 Win10 32/64位系统 二.下载ArcGIS 10.6安装文件 链接:https: ...
- 题解 SP1026 【FAVDICE - Favorite Dice】
首先,这是一道经典的期望dp题 因为最终状态 $ (所有面都被筛到过) $ 是确定的,所以才用 逆推 ,设状态 $ f[i] $ 表示已经筛到了 $ i $ 个不同的面,有 $ i\over n $ ...
- NOIP提高组2016 D1T2 【天天爱跑步】
码了一个下午加一个晚上吧...... 题目描述: 小c同学认为跑步非常有趣,于是决定制作一款叫做<天天爱跑步>的游戏.<天天爱跑步>是一个养成类游戏,需要玩家每天按时上线,完成 ...
- jquery购物车全选,取消全选,计算总金额
这是html代码 <div class="gwcxqbj"> <div class="gwcxd center"> <div cl ...
- Java防止文件被篡改之文件校验和
Java防止文件被篡改之文件校验和转载:请注明出处,谢谢! 1.为什么要防止文件被篡改? 答案是显然的,为了保证版权,系统安全性等.之前公司开发一个系统,技术核心是一个科学院院士的研究成果,作为一款 ...
- ansible-playbook-roles目录结构
1. ansible-角色-roles目录结构 角色是基于已知文件结构自动加载某些vars_files,任务和处理程序的方法.按角色对内容进行分组还可以轻松与其他用户共享角色. ...