VSCode: UIサイズを変えず、文字サイズだけを変えたい

この記事は約2分で読めます。

変更前/後の比較

こんにちは、さち です。

先日、「Visual Studio Code(以下:VSCode)」を使っていて、編集画面に表示されている文字のサイズ(フォントサイズ)を変えたいことがありました。

ヘルプを見なくても適当にやればできるだろうと適当に触っていたのですが、何だか思っていたのと違う……。

スポンサーリンク

メニューからはできない

  1. 編集画面の文字サイズが少し大きく感じます。小さくしてみましょう。
    操作画面
  2. メニューの「表示」→「外観」→「ズームアウトと進みます。(ショートカットは Ctrl + キー)
    ズームアウト
  3. 文字サイズは小さくなりましたが、「メニュー」や「アクティビティバー」などの UI まで小さくなってしまいました。編集画面だけ文字サイズ変えたいのに……。
    変更前/後の比較

「メニュー」から文字サイズを変えられるのではないかと、それっぽい項目を試してみたのですが、思っていたのと違う結果に……。

編集画面だけ文字サイズを変える

メニューにあるズームアウトは「外観」とある通り全体の表示が縮小されてしまいます。編集画面の文字サイズだけを変えるには、下記のような手順を行います。

  1. アクティビティバーの下部にある「歯車(管理)」アイコンをクリック。
    管理
  2. 設定」をクリック。(ショートカットは Ctrl + キー)
    設定
  3. 検索に font size と入力。
    「font size」と入力
  4. Editor: Font Size」の項目でフォントサイズを指定します。今回は「12px」にしました。(初期設定は「14px」)
    フォントサイズ
  5. 編集画面の文字サイズだけを変更できました。(UI のサイズは変更なし)
    変更前/後の比較

コメント

タイトルとURLをコピーしました