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语言等方面优秀链接 后续会慢慢增添内容,修正 ...
随机推荐
- 深入理解Callable接口
Callable接口: Callable,新启线程的一种方式,返回结果并且可能抛出异常的任务,在前面的新启线程的文章中用过,但是没有具体讲解 优点: 可以获取线程的执行结果,也称为返回值 通过与Fut ...
- 01 百度 AI Studio 基础操作记录(一) Notebook
转载参考: AI Studio基本操作(一) Notebook篇 一.基础 1.新建文件: 可以使用命令, !cat <<newfile > newfile.py 在项目空间内直接创 ...
- 源码安装IVRE
简介:IVRE(又名DRUNK)是一款开源的网络侦查框架工具,IVRE使用Nmap.Zmap进行主动网络探测.使用Bro.P0f等进行网络流量被动分析,探测结果存入数据库中,方便数据的查询.分类汇总统 ...
- 题解 CF149D
题目链接 首先,这是一道区间dp题: 首先我们假设 \(l\) ~ \(r\) 是一段合法的区间: 考虑状态,对于一个区间 \(l\) ~ \(r\) 的方案数,我们需要知道方案数,以及 \(l ,r ...
- Linux 下 svn 场景实例及常用命令详解
一.SVN使用场景实例 问题: 在使用svn做为版本控制系统的软件开发中,经常会有这样的需求:在工作复本目录树的不同目录中增加了很多文件,但未纳入版本控制系统,这时如果使用svn add命令一个一个的 ...
- Fedora version history --- kernel version
Fedora version history https://en.wikipedia.org/wiki/Fedora_version_history Version (Code name)[ ...
- 实验 4:Open vSwitch 实验——Mininet 中使用 OVS 命令
一.实验目的 Mininet 安装之后,会连带安装 Open vSwitch,可以直接通过 Python 脚本调用Open vSwitch 命令,从而直接控制 Open vSwitch,通过实验了解调 ...
- 2016年 实验五 Internet与网络工具的使用
实验五 Internet与网络工具的使用 [实验目的] 本实验目的在于掌握 Telnet.FTP.Email的工作机理,并会在 Internet 上熟练使用相关工具软件. [实验条件] ⑴.个人计算机 ...
- 多测师讲解requests __上_高级讲师肖sir
1.三种接口接口请求方式 # # 在python当中接口的请求方式有哪些:# import requests # 导入requests接口库# # # # 请求方式有三种:# # # # 第一种:# ...
- SessionStorage、LocalStorage详解
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文出处:https://blog.bitsrc.io/sessionstorage-and-localst ...