0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCodeのフォント設定手順

Posted at

VSCodeのフォントの設定で手こずったので、備忘録として書いておきます。

手順

1. フォントダウンロード・インストール

ネットで検索して、好きなフォントをダウンロードする。
今回は見た目がなんとなく気に入ったのでUDEV Gothicのフォントを使います。
https://github.com/yuru7/udev-gothic

案内に従ってzipファイルを解凍
image.png
image.png

たくさんある中から、実際に使うものをダブルクリックして開く。
UDEVGothicJPDOC-Regular.ttf
image.png
インストールボタン押下

2. フォントファミリの確認

エクスプローラでインストールできてることを確認
C:\Windows\Fonts

image.png

ここで、フォントファミリを表示してコピーしておく
image.png

3. VSCodeでフォント設定

無題.png

設定を開く
image.png

フォント設定を開く
image.png

先ほど調べたファミリ名をシングルクォートで囲って入力
image.png

4. 設定完了

image.png

反映されない場合はPCを再起動すれば反映されるはず。

ハマりポイント

ファミリ名って何?
初めてフォントをいじったので、何もかもがわからなくて辛かったです。

再起動しないと反映されなかったから困った。いくつかのサイトだと設定ファイルを書き換えればすぐに反映されると書いてあったんだけどな、フォントをインストールした段階で再起動が必要なのかも。

0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?