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语言等方面优秀链接 后续会慢慢增添内容,修正 ...
随机推荐
- Python练习题 013:求解a+aa+aaa……
[Python练习题 013] 求s=a+aa+aaa+aaaa+aa...a的值,其中a是一个数字.例如2+22+222+2222+22222(此时共有5个数相加),几个数相加由键盘输入. 这题倒也 ...
- 面试官:开发过Maven插件吗?我:开发过啊。。。
写在前面 转眼间,今天已经是假期的第4天了.今天要给大家分享点啥呢?想了半天,想起了之前去某宝面试的情景.记得面试前自己基于Maven开发过一些简单实用的插件,而且在自己的本地环境中一直在使用,极大的 ...
- LeetCode刷题总结-DFS、BFS和回溯法篇
本文总结LeetCode上有关深度优先搜索(DFS).广度优先搜索(BFS)和回溯法的算法题,推荐刷题总数为13道.具体考点分析如下图: 一.深度优先搜索 1.字符匹配问题 题号:301. 删除无效的 ...
- SQL实战——04. 查找所有已经分配部门的员工的last_name和first_name以及dept_no (一个逗号引发的血案)
查找所有已经分配部门的员工的last_name和first_name以及dept_noCREATE TABLE `dept_emp` (`emp_no` int(11) NOT NULL,`dept_ ...
- 14.深入k8s:kube-proxy ipvs及其源码分析
转载请声明出处哦~,本篇文章发布于luozhiyun的博客:https://www.luozhiyun.com 源码版本是1.19 这一篇是讲service,但是基础使用以及基本概念由于官方实在是写的 ...
- javascript 原型与原型链浅析
原型 和原型链 什么是原型链 简单理解就是原型组成的链,对象的__proto__它的是原型,而原型也是一个对象,也有__proto__属性,原型的__proto__又是原型的原型,就这样可以一直通过_ ...
- 多测师_肖sir _python 练习题(一)100以内奇数,偶数,质数胡计算
(1)求1~100的和方法: 方法一:print(sum(range(1,101))) 方法二: sum1 = 0 i = 1 while True: sum1 = sum1 + i if i == ...
- bootStrap小结3
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conten ...
- Linux发行版教你如何选 给入门者的选择通法
Linux的发行版何止琳琅满目,简直是乱入你眼. 本篇将介绍选择发行版的经验和通用法则,主要会从PC角度去谈. 更新于2020年,初次发布于2017年 选择发行版需考虑哪些因素 选择发行版时需要考虑的 ...
- WebFlux快速上手
一.新建项目 示例使用IDEA快速创建基于SpringBoot的工程. springboot 2.3.1 java 8 WebFlux 必须选用Reactive的库 POM 依赖 <depend ...