理系学生日記

おまえはいつまで学生気分なのか

VSCodeでNerd Fontsを表示させる

Nerd Fontsとは何か

Nerd Fontsは、著名なプログラミング用フォントにグリフをまとめて追加したものです。 GitHub - FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkitGitHub - primer/octicons: A scalable set of icons handcrafted with <3 by GitHubなどですね。こういったフォントを使うことで、ターミナル等でもさまざまなアイコンが表示できるようになります。

先ほど紹介したStarshipでも、導入の大前提となっています。

Prerequisites

A Nerd Font installed and enabled in your terminal (for example, try > the FiraCode Nerd Font).

GitHub - starship/starship: ☄🌌️ The minimal, blazing-fast, and infinitely customizable prompt for any shell!

Nerd Fontsにはさまざまなものがありますが、例えば僕は次のようにしてインストールしています。

$ brew install font-fira-code-nerd-font

VS Codeでどうやって使う?

このNerd FontsをVS Codeで表示させるにはどうすれば良いのか。

設定にあるEditor: Font Familyへ、カンマ区切りでフォント名を追加してください。 例えば以下では、FiraCode Nerd Font Monoを追加しています。

これにより、VS CodeでもNerd Fontsに含まれる種々のグリフが利用できるようになります。

Nerd Fonts利用しなくてもいいじゃん?

書きたいことは大体以下のエントリに書いてあります。

とくに見映えに関わるフォントやプロンプトの表示などは視認性を向上させ、表示されている情報をより速く整理することができ、ミスの防止や作業速度の向上が見込めると考えています。

私にとっては、格好よく表示したいという理由だけでもフォントアイコンを使う十分な動機になりました。

ターミナルでアイコンフォントを使う理由 | IIJ Engineers Blog