10 KiB
Fira Code: 免费的编程连字等宽字体
问题
开发者们使用的多标记,通常都是用几个字符编码。对于人的大脑来说,像->、<=或:=这样的序列是单一的逻辑标记,即使它们在屏幕上显示两到三个字符。您的眼睛并非无消耗的来扫描、解析并将多个字符连接到一个逻辑字符中。理想情况下,所有编程语言都应该为操作符设计成熟的Unicode符号,但现在还不是这样。
解决方案
Fira Code是一种免费的等宽字体,包含常用的编程语言中多种字符组合的连字。这只是一个字体呈现功能,底层代码仍然与ASCII兼容。这有助于更快地阅读和理解代码。对于一些常见的序列,如..或//,连字允许我们纠正间距。
下载和安装
下一步:
赞助商
Fira Code 是个人的空闲时间进行的项目,缺乏资金但有大量的 功能请求积压。如果你也热爱这个项目, 请考虑通过 GitHub Sponsors 或 Patreon 来支持它的发展。任何帮助都很重要!
字体里都有哪些特征?
左侧:Fira Code中呈现的连字。右侧:没有连字的相同字符序列。
Fira Code 带有种类繁多的箭头。更棒的是:您可以随心所欲地制作它们,并根据需要组合开始/中间/结束片段!
Fira Code 不仅与连字有关,还对标点符号和频繁的字母对进行了一些微调。
Fira Code 带有各种各样的箭头,更棒的是,您可以随心所欲地制作它们,并且可以任意组合开始/中间/结束片段!如何启用
可以使用样式集/字符变体更改或启用某些连字:
作为一种编程字体,Fira Code 对 ASCII/框绘图、电力线和其他形式的控制台 UI 具有出色的支持:
Fira Code 是第一个提供专用字形来渲染进度条的编程字体:
在运行中:
我们希望更多的编程字体能够采用这个约定并发布自己的版本。
Unicode 覆盖使 Fira Code 成为数学写作的绝佳选择:

它看起来怎样?
编辑器兼容性列表
| 支持 | 不支持 |
|---|---|
| Abricotine | Arduino IDE |
| Android Studio (2.3+, 说明) | Adobe Dreamweaver |
| Anjuta (除非在 EOF) | Delphi IDE |
| AppCode (2016.2+, 说明) | Standalone Emacs (解决方法) |
| Atom 1.1 或更新版本 (说明) | Godot (问题) |
| BBEdit/TextWrangler (仅限 v. 11, 说明) | IDLE |
| Brackets (使用 此插件) | KDevelop 4 |
| Chocolat | Monkey Studio IDE |
| CLion (2016.2+, 说明) | UltraEdit |
| Cloud9 (说明) | |
| Coda 2 | |
| CodeLite | |
| CodeRunner | |
| CotEditor | |
| Eclipse | |
| elementary Code | |
| Geany (1.37+) | |
| gEdit / Pluma | |
| GNOME Builder | |
| 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 | |
| TextAdept (Linux, macOS) | |
| TextEdit | |
| TextMate 2 | |
| VimR (说明) | |
| Visual Studio (2015+, 说明) | |
| Visual Studio Code (说明) | |
| WebStorm (2016.2+, 说明) | |
| Xamarin Studio/Monodevelop | |
| Xcode (8.0+, 否则 使用插件) | |
| Xi | |
| Probably work: Smultron, Vico | Under question: Code::Blocks IDE |
终端兼容性列表
| 平台 | 支持 | 不支持 |
|---|---|---|
| macOS | Hyper (参见 #3607) iTerm 2 Kitty Terminal.app ZOC |
Alacritty |
| Windows | Hyper (参见 #3607) Mintty Token2Shell Windows Terminal |
Alacritty Cmder ConEmu PuTTY Windows Console ZOC |
| Linux | Hyper (参见 #3607) Kitty Konsole QTerminal Termux st (补丁) |
Alacritty GNOME Terminal libvte-based terminals (缺陷报告):
rxvt terminology xterm |
| ChromeOS | crosh (说明) |
浏览器支持
<!-- 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);
/* Specify in 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-based browsers (Chrome, Opera)
- ACE
- CodeMirror (enable with
font-variant-ligatures: contextual;)
使用 Fira Code的项目
备选方案
带连字的免费等宽字体:
带连字的付费等宽字体:
在本地构建 Fira Code
如果您想更改 FiraCode.glyphs 并自己构建 OTF / TTF / WOFF 文件,这是我在 macOS 上使用的设置:
# install all required build tools
./script/bootstrap_macos.sh
# build the font files
./script/build.sh
# install OTFs to ~/Library/Fonts
cp distr/otf/*.otf ~/Library/Fonts
或者,您可以使用 Docker 构建 Fira Code:
# install dependencies in a container and build the font files
make
# package the font files from dist/ into a zip
make package
制作人员
- 作者: Nikita Prokopov @nikitonsky
- 基于此项目: Fira Mono
- 灵感来源: Hasklig
- 翻译:墨抒颖@moshuying

