合字に対応したプログラミング用フォント「Fira Code」でテキストエディタが見やすくなる

今までずっと、定番中の定番であるRicty Diminishedというプログラミング用フォントを使っていました。
しかし最近、合字(リガチャ)に対応した「Fira Code」というフォントを見つけて感動し、すぐ移行しました。
今回はそのFira Codeの紹介です。
Fira Codeの特徴
Fira Codeの特徴は「合字(リガチャ)」に対応していることです。
合字というのは、ざっくり説明すると、特定の順番に文字を打つと文字の見た目が変わる仕組みのことです(見た目が変わっているだけなので、実際のデータ上は変わりありません)。
例えば、コーディングをしているとよく出てくる「===」をFira Codeを使って見てみると、キレイな3本線になります。

このように、コーディングでよく出てくる記号の組み合わせを、よりキレイに表現してくれるのです。
フォント自体もちょっと丸っこくて可愛く、文字の識別もしやすいのでかなり気に入りました。
Fira Codeのインストール
Fira Codeはオープンソースのフォントで、誰でも自由に使えます。
ダウンロードはこちらのGitHubからダウンロードします。
「FiraCode/distr/ttf」内にフォントがひと通り入っているので、それをインストールしましょう。
ちなみに、合字の組み合わせ表は「FiraCode/showcases」内に入っています。
Visual Studio CodeでFira Codeを適応する
フォント側が合字に対応していても、テキストエディタが対応していなければ合字は表現されません。
今回はその中からVisual Studio Codeで設定する方法をまとめておきます。
まずは[環境設定]→[フォント]の先頭に'Fira Code'と入力して、フォントを切り替えます。
次に[環境設定]で「合字」と検索すると、「合字の設定」という項目が出てくるので、ここを「オン」に設定しておきましょう。

これでフォントの設定と、合字の設定ができたのできちんと表示されるはずです。
まとめ
慣れるとものすごく見やすいですし、記号を1つ入力し忘れている or いつの間にか記号を1文字消してしまっていたなどの間違いに気がつきやすくなります。
日本語もちゃんと表示されるので、自分はテキストエディタもターミナルもとりあえずFira Codeに設定しました。


一般的によく使われているテキストエディタでのEmmetの設定方法まとめ
macOSのシステム環境設定「ユーザとグループ」の設定見直し
MacのターミナルからVisual Studio Codeを開く方法
BetterTouchToolでウインドウをアクティブにしないで移動する方法
Client Folder Makerでよく使うフォルダ構成を一気に作成する
Keyboard Maestroを使ってGyazoアプリをショートカットキーで起動する方法
Google Chromeに「タブを検索」機能が追加!開いているタブや最近閉じたタブから検索が可能に!
Path Finder 8で動作がおかしいと思ったときにチェックすること
右側の修飾キーをフル活用!Karabiner-ElementsでKeyboard Maestroのマクロを発火させる方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
npm-scriptsでSCSSをコンパイルする環境を構築する方法
Alfredの設定画面でショートカットキーが認識されない場合はKeyboard Maestroの設定を確認しよう
iOS Safariの機能拡張アプリ「Svadilfari」を使って、ウェブ閲覧にジェスチャーを追加する
Google Chromeの別アカウントとのブックマークを同期する「TeamSync Bookmarks」
定番のパスワード管理ツール「1Password」を使ってパスワードの管理をする
Fantastical 2は音声入力を使って予定を追加するのが便利!
IllustratorとPhotoshopとXDのツール系のショートカットキーを統一させる
Visual Studio CodeでIllustratorのスクリプトを書く時に便利な拡張機能「ExtendScript Debugger」
思考したり情報整理したい時はMarkdown記法で文章を書き出そう!!Webデザイナーの情報整理術