1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCodeのver1.40アップデートで変化したフォントをもとに戻す【Mac Retina】

Last updated at Posted at 2019-11-21

概要

なんとはなしにVSCodeのバージョンを上げたところ、フォントが太くなってしまいました。ついでに日本語のフォントも変わってしまいました。
どうやらデフォルトのフォント設定が変更されたようです。設定を追加して、もとに戻しました。

  • 設定前
設定前.png
  • 設定後(旧バージョンと同じフォント)
スクリーンショット 2019-11-21 19.21.28.png

環境

  • Mac Retinaディスプレイ
  • VSCodeのバージョン 1.40
  • VSCodeの言語設定 English
  • フォント デフォルト設定

解決法

settings.jsonに以下を追加。

settings.json
"workbench.fontAliasing": "antialiased",
"editor.fontFamily": "Menlo, Monaco, 'Courier New'"

なにをしているか

1行目で、エイリアシングを設定しています。
アップデートでレンダリング周りが変更されたようです。Settingsを見ると、defaultはnon-Retina向けと書いてあるので、変更する必要があったようです。
https://github.com/microsoft/vscode/issues/84214
こちらのコメントを参考にしました。

2行目で、monospaceを使わないように変更しています。
アップデートでmonospaceの内容が変更されたようです。monospaceを使わないと、従来のフォントが適用されるようです。
自前でフォントを設定する場合は気にしなくても良いと思われます。
https://qiita.com/Amagawa/items/32117bd202d8f53f71fe
こちらを参考にしました。

1
2
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
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?