FiraCode

Fira Code: 带编程连字的免费等宽字体

Fira Code

问题

程序员使用大量符号,通常由多个字符编码。对人脑来说,像 ->, <= 或 := 这样的序列是单个逻辑标记,尽管它们在屏幕上占用两到三个字符。你的眼睛需要花费一定的精力来扫描、解析并将多个字符组合成一个逻辑整体。理想情况下,所有编程语言都应该为运算符设计完整的 Unicode 符号,但目前还不是这样。

解决方案

Fira Code 是一款免费的等宽字体,包含常见编程多字符组合的连字。这只是一个字体渲染功能:底层代码仍然保持 ASCII 兼容。这有助于更快地阅读和理解代码。对于一些常见序列如 .. 或 //,连字允许我们纠正间距。

下载 & 安装

然后:

赞助商

Fira Code 是一个个人的业余项目,没有资金支持,并有大量功能请求积压。如果你喜欢它,请考虑通过 GitHub Sponsors 或 Patreon 支持其开发。任何帮助都很重要!

非常感谢:

<table> <td align="center"> <a href="https://workos.com/?utm_campaign=github_repo&utm_medium=referral&utm_content=firacode&utm_source=github"> <div> <img src="https://yellow-cdn.veclightyear.com/835a84d5/36f80e2a-7f34-44b0-9506-d7a398116cb4.svg" width="290" alt="WorkOS"> </div> <b>让你的应用企业就绪。</b> <div> <sub>只需几行代码即可开始向企业客户销售。只需几分钟而非几个月即可添加单点登录(等功能)。</sup> </div> </a> </td> </table>

包含哪些内容?

左:Fira Code 中渲染的连字。右:没有连字的相同字符序列。

Fira Code 提供了大量箭头变体。更棒的是:你可以随心所欲地延长它们,并随意组合起始/中间/结束片段!

Fira Code 不仅仅是连字。对标点符号和常见字母对也进行了一些微调。

Fira Code 提供了几种不同的字符变体(cv01, cv02等),样式集(ss01, ss02等)和其他字体功能(zero, onum, calt等),每个人都可以选择最适合自己的。如何启用

一些连字可以使用样式集/字符变体进行更改或启用:

作为一种编程字体,Fira Code 对 ASCII/方框绘制、powerline 和其他形式的控制台 UI 有出色的支持:

Fira Code 是第一个提供专用字形来渲染进度条的编程字体:

实际效果:

我们希望更多的编程字体能采用这种约定并推出自己的版本。

Unicode 覆盖范围使 Fira Code 成为数学写作的绝佳选择:

它看起来如何?

编辑器兼容性列表

可用	不可用
Arduino IDE (2.0+,与 vscode 相同的说明)	Adobe Dreamweaver
Abricotine	Delphi IDE
Android Studio (2.3+, 说明)	独立版 Emacs (解决方法)
Anjuta (除非在 EOF)	IDLE
AppCode (2016.2+, 说明)	KDevelop 4
Atom 1.1 或更新版本 (说明)	Monkey Studio IDE
BBEdit (14.6+ 说明)	UltraEdit (Windows)
Brackets (使用此插件)
Chocolat
CLion (2016.2+, 说明)
Cloud9 (说明)
Coda 2
CodeLite
CodeRunner
Comma (在: Preferences > Editor > Font)
CotEditor
Eclipse
elementary Code
Geany (1.37+)
gEdit / Pluma
GNOME Builder
Godot
GoormIDE (说明)
gVim (Windows, GTK)
IntelliJ IDEA (2016.2+, 说明)
Kate, KWrite
KDevelop 5+
Komodo
Leafpad
LibreOffice
LightTable (说明)
LINQPad
MacVim 7.4 或更新版本 (说明)
Mancy
MATLAB (说明)
Meld
Mousepad
NeoVim-gtk
NetBeans
Notepad (Windows)
Notepad++ (说明)
Notepad3 (说明)
Nova
PhpStorm (2016.2+, 说明)
PyCharm (2016.2+, 说明)
QOwnNotes (21.16.6+)
QtCreator
Rider
RStudio (说明)
RubyMine (2016.2+, 说明)
Scratch
Scribus (1.5.3+)
SublimeText (3146+)
Spyder IDE (仅限 Qt5)
SuperCollider 3
TeXShop
TextAdept (Linux, macOS)
TextEdit
TextMate 2
UltraEdit (UEX) (Linux)
VimR (说明)
Visual Studio (2015+, 说明)
Visual Studio Code (说明)
WebStorm (2016.2+, 说明)
Xamarin Studio/Monodevelop
Xcode (8.0+, 否则使用插件)
Xi
可能可用: Smultron, Vico	存疑: Code::Blocks IDE

终端兼容性列表

可用	不可用
crosh (使用说明)	Alacritty
Hyper (参见 #3607)	Asbru Connection Manager
iTerm 2	Cmder
Kitty	ConEmu
Konsole	GNOME Terminal (问题单)
Mintty	gtkterm (问题单)
QTerminal	guake (问题单)
st (补丁)	LXTerminal (问题单)
Tabby	mate-terminal
Terminal.app	PuTTY
Termux	rxvt
Token2Shell	sakura (问题单)
Wez's terminal	SecureCRT
Windows Terminal	Terminator (问题单)
ZOC (macOS)	terminology
	Tilix
	Windows Console
	xfce4-terminal (问题单)
	xterm
	ZOC (Windows)

浏览器支持

<!-- HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css">

/* CSS */
@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);

/* 在CSS中指定 */
code { font-family: 'Fira Code', monospace; }

@supports (font-variation-settings: normal) {
  code { font-family: 'Fira Code VF', monospace; }
}

IE 10+, Edge Legacy: 使用 font-feature-settings: "calt"; 启用
Firefox
Safari
基于Chromium的浏览器 (Chrome, Opera)
ACE
CodeMirror (使用 font-variant-ligatures: contextual; 启用)

使用Fira Code的项目

替代选择

带连字的免费等宽字体：

带连字的付费等宽字体：

本地构建Fira Code

如果你想修改FiraCode.glyphs并自行构建OTF/TTF/WOFF文件，以下是我在macOS上使用的设置：

# 安装所有必需的构建工具
./script/bootstrap_macos.sh

# 构建字体文件
./script/build.sh

# 将OTF安装到~/Library/Fonts
cp distr/otf/*.otf ~/Library/Fonts

或者，你可以使用Docker构建Fira Code：

# 在容器中安装依赖项并构建字体文件
make

# 将dist/中的字体文件打包成zip
make package

如果你想永久启用某些样式集或字符变体，可能是因为你选择的编辑器不允许单独切换这些设置，你可以通过-f / --features标志以逗号分隔的列表形式为构建脚本提供所需的功能。默认：无。

为了区分字体的不同版本，你可以使用-n / --family-name标志指定所需的字体系列名称。特殊值'features'将在默认系列名称后附加一个经过排序的、以空格分隔的已启用功能列表。默认值："Fira Code"

你还可以使用-w / --weights选项限制将要创建的字体粗细。默认值："Light,Regular,Retina,Medium,SemiBold,Bold"

# 在本地shell中
./script/build.sh --features "ss02,ss08,ss10,cv03,cv07,cv14" --family-name "Fira Code straight" --weights "Regular,Bold"

# 或通过Docker容器（创建系列名称'Fira Code cv01 cv02 cv06 cv31 onum ss01 ss03 ss04 zero'）
docker run --rm -v "${PWD}":/opt tonsky/firacode:latest ./script/build.sh -f "cv01,cv02,cv06,ss01,zero,onum,ss03,ss04,cv31" -n "features"

# 在Git for Windows的Git Bash中，或任何其他基于MSYS2的shell中，你可能需要禁用路径转换
MSYS2_ARG_CONV_EXCL="*" docker run --rm -v "${PWD}":/opt tonsky/firacode:latest ./script/build.sh -f "ss02,ss03,ss04,ss05,ss06,ss07"