見出し画像

IBM Plex Sans JP フォントをVS Codeで使う

junkawa@Chromebookで始める開発日記

こんにちは、junkawa です。


新たにリリースされた、IBM Plex Sans JP フォントを VS Code で使ってみます。

インストール方法

mkdir ~/.fonts       # ~/.fonts がなければ作成します

wget https://github.com/IBM/plex/releases/download/v5.2.1/TrueType.zip
unzip TrueType.zip
cd TrueType
cp IBM-Plex-Mono/*.ttf ~/.fonts/
cp IBM-Plex-Sans-JP/hinted/*.ttf ~/.fonts/
fc-cache

IBM-Plex-Mono/*.ttf が等幅アルファベットフォント
IBM-Plex-Sans-JP/hinted/*.ttf が（ヒント情報あり）日本語フォント

フォントインストール後、反映のために VS Code の再起動が必要です。

VS Code 設定

settings.json > editor.fontFamily を次のようにします。

{
  "editor.fontFamily": "'IBM Plex Mono Text', 'IBM Plex Sans JP Text'",
}

画像1

フォントの太さ

細い順に、フォント名を並べます。

IBM Plex Sans JP ExtLt
IBM Plex Sans JP Light
IBM Plex Sans JP Thin
IBM Plex Sans JP
IBM Plex Sans JP Text
IBM Plex Sans JP Medm
IBM Plex Sans JP SmBld
IBM Plex Sans JP ("editor.fontWeight": "bold")

最後のボールド体はフォント名の指定では表示できず、"editor.fontWeight": "bold" で指定ます。

おまけ

IBM Plex Mono を使わない場合

{
  "editor.fontFamily": "'IBM Plex Sans JP Text'",
}

画像2

アルファベットが等幅フォントではなくプロポーショナルフォントになるため、文字の間隔が狭くなってます。

素晴らしいフォント


以上です。


ご覧下さりありがとうございます。いただいたサポートは図書館への交通費などに使わせていただきます。