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练习题 044:Project Euler 016:乘方结果各个数值之和
本题来自 Project Euler 第16题:https://projecteuler.net/problem=16 ''' Project Euler 16: Power digit sum 2* ...
- 【Python】数字与运算符
数据类型与运算符 数字 / 浮点除 // 整数除 ** 乘方 多种混合类型运算数的运算会把整数转换为浮点数 除了 int 和 float,Python也支持其他类型的数字,例如 Decimal 或者 ...
- 092 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 02 static关键字 02 static关键字(中)
092 01 Android 零基础入门 02 Java面向对象 02 Java封装 01 封装的实现 03 # 088 01 Android 零基础入门 02 Java面向对象 02 Java封装 ...
- 指针数组学习中的小插曲真是醉了-----Strcmp用法
参考: 1.C++ 从入门到精通第三版: 2.https://blog.csdn.net/liaoshengshi/article/details/45099923 如是多次被别人转载的地址 ...
- Java面试题系列 ----- Java基础面试题(91道)
更多详情点击查看,点这里!这里!!这里!!! 文末获取所有面试PDF文档! Java概述 1. 何为编程 编程就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 为了 ...
- 轻轻松松学CSS:Flex布局
Flex布局就是"弹性布局",它可以简便.完整.响应式地实现各种页面布局.引入弹性布局的目的,当页面需要适应不同的屏幕大小确保元素拥有恰当的布局方式,对一个容器中的子元素进行排列 ...
- ansible-命令使用说明
1. ansible命令的使用说明 ansible 主机或组-m 模块名-a '模块参数' ansible参数 表示调用什么模块,使用模块的那些参数 • 主机和组,是在/etc/ansible/hos ...
- Java-JDK动态代理(AOP)使用及实现原理分析
Java-JDK动态代理(AOP)使用及实现原理分析 第一章:代理的介绍 介绍:我们需要掌握的程度 动态代理(理解) 基于反射机制 掌握的程度: 1.什么是动态代理? 2.动态代理能够做什么? 后面我 ...
- antd pro 路由
概要 antd pro 路由简介 路由, 菜单和面包屑 页面之间的路由 带参数的路由 总结 概要 路由配置是单页应用的核心之一, antd pro 将所有的路由配置集中在一个文件中, 可以更好的对应用 ...
- MeteoInfoLab脚本示例:OMI Grid HDF数据
OMI卫星格点数据的例子,全球臭氧柱总量分布.脚本程序: #Add data file folder = 'D:/Temp/hdf/' fns = 'OMI-Aura_L3-OMTO3e_2005m1 ...