技術的備忘録・等

Laravel / Vue.js勉強中です

コーディングフォント「RictyDiminish with FiraCode」を使う

コーディングフォントとして、以前はRictyやSource Han Codeを使ったりしていましたが、VSCodeに移行してからはデフォルトのままで使っていました。

GitHubを漁っていたところ、FIraCodeというコーディングフォントを見つけました。

github.com

これはFont Ligature(合字)という、一部の文字がくっついて表示されることが特徴で、「>=」「===」 などの記号が見やすくなります。

hakatashiさんの作られた、RictyDiminishedと組み合わせたものを使っています。

github.com

フォントをインストールし、お使いのエディタで設定するだけです。

VSCodeで使うには、cmd + ,でSettingを開き以下を変更します。

  • editor.fontFamilyRicty Diminished Discord with Fira Codeを追加する
  • Editor: Font LigaturesTrueにする