LoginSignup
1
0

VScode の表示フォントを変えてみた

Posted at

はじめに

最近お仕事でPowerShellコードをたくさん書いているのだが、デフォルトフォントが読みにくいのでいいフォントがないか探してみたところ、0xprotoというものを見つけたので試してみた。

導入手順

1. 「0xProto」をインストールする

  1. 「0xProto のフォントフォルダ ( https://github.com/0xType/0xProto/tree/main/fonts ) 」にアクセスし、フォントをダウンロードする。今回は Windows 10 OS に導入するため、「0xProto-Regular.ttf」をクリックする。
    image.png

  2. 「0xProto-Regular.ttf」ページの "ダウンロードアイコン" をクリックし、ttfファイルをダウンロードする。
    image.png

  3. ダウンロードしたファイル(0xProto-Regular.ttf) の コンテキストメニュー から "インストール" を苦選択する。
    image.png

  4. フォントのインストールが行われます。
    image.png

2. Vscode のフォントを変える

  1. Vscode の メニュー 「ファイル > ユーザー設定 > 設定」を選択する。

  2. 「ユーザー > フォント」を選択し、"Font Family" に "0xProto"を加えます。

    image.png

確認

デフォルトフォント"Consoles"から"0xProto"に変えることで次のように表示されるようになった。

image.png
image.png

簡単なPowerShell関数でフォントの表示差を比較してみた。

image.png
image.png

等間隔表示だった文字間隔が圧縮され、横に伸びていくコードが見やすく変わった。

おまけに日本語記述がどうなるか試してみた。

image.png
image.png

ちゃんと日本語も圧縮される。ただし、入力中は下記のように隠れていくので長文入力時には困るかも。コーディングするときのメイン言語は英語なのでまぁいいかな?

image.png

参考

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0