14 KiB
Fira Code: プログラミング合字のフリー等幅フォント
問題点
プログラマは多くの記号を使用し、しばしば数文字で符号化されます。人間の脳にとって->、<=、:=といったシーケンスは、たとえ画面上で 2 文字や 3 文字になったとしても、単一の論理トークンである。あなたの目は、複数の文字をスキャンし、解析し、1 つの論理的なものに結合するために、ゼロではない量のエネルギーを費やしているのです。理想を言えば、すべてのプログラミング言語が演算子のための本格的なユニコード記号を備えて設計されるべきですが、まだそうではありません。
解決法
Fira Code は、一般的なプログラミングの複数文字の組み合わせのための合字を含む無料の等幅フォントです。これは単にフォントのレンダリング機能であり、基礎となるコードは ASCII 互換のままです。これによりコードをより速く読み、理解することができます。... や // のような頻度の高い文字列は、合字によって間隔を修正することができます。
ダウンロードとインストール
次は:
スポンサー
Fira Code は個人的なフリータイムのプロジェクトで、資金はなく膨大な機能リクエストバックログを抱えています。もし気に入っていただけたなら、GitHub Sponsors または Patreon で開発をサポートすることを検討してください。どんな支援でもかまいません！
大いに感謝します:
Start selling to enterprise customers with just a few lines of code. Add Single Sign-On (and more) in minutes instead of months.
|
何が入っているのでしょうか？
左: Fira Code で描画される合字。右: 合字のない同じ文字列。
Fira Code には、膨大な種類の矢印が用意されています。さらに、好きな長さにしたり、始点・中間・終点の断片を自由に組み合わせたりすることができます！
Fira Code は合字だけではありません。句読点や頻度の高い文字ペアについても、いくつかの微調整が行われています。
Fira Code には、数種類の文字バリエーション（cv01、cv02 など）、スタイルセット（ss01、ss02 など）、その他のフォント機能（zero、onum、calt など）があり、誰もが自分に最適なものを選ぶことができます。有効にする方法
一部の合字は、スタイルセット/文字バリアントを使用して変更または有効にすることができます:
プログラミング用フォントである Fira Code は、ASCII/ボックスドローイング、パワーライン、その他の形式のコンソール UI に素晴らしい対応をしています:
Fira Code は、プログレスバーを描画するための専用グリフを提供する最初のプログラミングフォントです:
動作すると:
より多くのプログラミング用フォントがこの規約を採用し、独自のバージョンを出荷することを望んでいます。
ユニコード対応により、Fira Code は数学の記述に最適です:
どのように見えるのでしょうか？
エディタ互換性リスト
| サポート | 非サポート |
|---|---|
| Arduino IDE (2.0+,same instructions as vscode) | Adobe Dreamweaver |
| Abricotine | Delphi IDE |
| Android Studio (2.3+, 説明) | Standalone Emacs (回避方法) |
| Anjuta (unless at the EOF) | IDLE |
| AppCode (2016.2+, 説明) | KDevelop 4 |
| Atom 1.1 or newer (説明) | Monkey Studio IDE |
| BBEdit (14.6+ 説明) | UltraEdit (Windows) |
| Brackets (with this plugin) | |
| Chocolat | |
| CLion (2016.2+, 説明) | |
| Cloud9 (説明) | |
| Coda 2 | |
| CodeLite | |
| CodeRunner | |
| Comma (Under: 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 or newer (説明) | |
| 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 | |
| Probably work: Smultron, Vico | Under question: 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);
/* 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 (
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"
# ローカルでシェル内
./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 ベースのシェルで使用する場合は、パス変換を無効にする必要があるかもしれません
MSYS2_ARG_CONV_EXCL="*" docker run --rm -v "${PWD}":/opt tonsky/firacode:latest ./script/build.sh -f "ss02,ss03,ss04,ss05,ss06,ss07"
クレジット
- 作者: Nikita Prokopov @nikitonsky
- 基にした: Fira Mono
- インスパイアされた: Hasklig