はじめに
みなさまは、IDEのフォントに何を用いていますか?
デフォルトの方もいれば、いわゆるプログラミング用フォントなどを用いている方もいるのではないでしょうか。
プログラミングフォントといえば、最近0xProto
というフォントが公開されていました
これはこれで、悪くないなぁと思いましたが、今回は私が気に入って使っているSource Han Code JP
の紹介をします。
VSCodeへの設定手順(Macの場合)
1. フォントをダウンロード
上記のリンクから、以下のSource code(zip)
を選択してダウンロードしてください。
2.zipの展開
3. Font Bookを立ち上げる
Macは、Font Book
というフォントを管理するアプリが標準であります。
LaunchPad > その他 > Font Bookを立ち上げてください。
4. フォントの追加
MacOS 13.0.1(Venture)だと以下の画面になります。
この「マイフォント」タブを設定した上で先ほど回答したフォルダを丸ごとドラッグ&ドロップしてください。
そうすると、「源ノ角ゴシック Code JP」というフォントが追加されます。
これでフォントの追加は完了です。
5. VScodeにフォントの設定をする
- VS Codeを立ち上げる
- 基本設定 > 設定を選択
- 検索窓にフォントと入力
- テキストエディター > フォントを選択
- Editor: Font Familyの箇所に「
"Source Han Code JP"
」と入力する
※ 複数フォントを指定する場合、左から優先されます。 - Editor: Font Ligaturesの箇所にある
setting.jsonで編集
をクリック - jsonの
"editor.fontLigatures"
をtrue
に設定する
Jsonサンプル
{
... 各種設定 ...
"editor.fontFamily": "\"Source Han Code JP\"",
"editor.fontLigatures": true,
}
見た目
以上です!
みなさまもおすすめフォントあれば教えてください!