web-dev-qa-db-ja.com

Visual Studioのコードエディタで使用されているフォントとその変更方法を教えてください。

私は最近ビルド時に発表されたVisual Studio Codeエディタ( https://code.visualstudio.com/ )を試しました。私はWindowsとUbuntuで試しました。私は、Visual Studio Code Editorのデフォルトのフォントが、私のコードエディタに好むconsolasではないことがわかります。

では、すべての環境(Ubuntu、MAC OS、およびWindows)におけるVisual Studio Code Editorのデフォルトフォントはどれですか?そして、どうすれば変更できますか?

127
Jalpesh Vadgama

Preferences> User Settingsに移動します。 (あるいは、 Ctrl + , / Cmd + , macOS上)

その後、オーバーライドしたい設定をJSONオブジェクト内に入力できます。ユーザー設定はユーザーごとです。現在作業しているプロジェクト用のワークスペース設定を構成することもできます。

これが例です:

// Controls the font family.
"editor.fontFamily": "Consolas",

// Controls the font size.
"editor.fontSize": 13

便利なリンク:

151
John Papa

デフォルト設定では、VS Codeは降順で次のフォント(14ポイント)を使用します。

  • モナコ
  • メンロ
  • コンソラ
  • "ドロイドサンモノ"
  • "インコンソラタ"
  • "クーリエニュー"
  • 固定幅(フォールバック)

確認方法:VS Codeはブラウザで実行されます。最初のバージョンでは、F12キーを押して開発者ツールを開くことができました。 DOMを調べると、そのコード行を構成するいくつかのsが含まれています。これらのスパンの1つを調べると、font-familyが上記のリストにすぎないことがわかります。

relevant areas

93
Sebastian

VSCodeでは、"editor.fontFamily": ""が空白の場合、フォントサイズは機能しません。フォントファミリーを設定してサイズを変更します。

"editor.fontFamily": "Verdana",または"editor.fontFamily": "Monaco",

本当に、好きなフォントファミリーを使ってください。

それで"editor.fontSize": 16,は動作するはずです。

19
John Galbraith

私のwindows 8.1マシンのデフォルトのVS CodeフォントはConsolasですが、File-> Preferences-> User Preferencesで簡単にフォントを変更できます。 setting.jsonファイルはデフォルト設定ファイルと一緒に開かれ、そこから設定プロパティの構文と名前を取得してsettings.jsonで独自のものを設定できます。enter image description here

14
Nikita Kunevich

デフォルトのフォントは、Windows、Mac、Linuxで異なります。 VSCode 1.15.1以降、デフォルトのフォント設定は ソースコード :にあります。

const DEFAULT_WINDOWS_FONT_FAMILY = 'Consolas, \'Courier New\', monospace';
const DEFAULT_MAC_FONT_FAMILY = 'Menlo, Monaco, \'Courier New\', monospace';
const DEFAULT_LINUX_FONT_FAMILY = '\'Droid Sans Mono\', \'Courier New\', monospace, \'Droid Sans Fallback\'';
11
Andy Li

Windowsでは、デフォルト設定は次のとおりです(私はMonacoもMenloもインストールしたことがありません)。

{
    "editor.fontFamily": "Consolas",
    "editor.fontSize": 14,
    "editor.lineHeight": 19
}

FontSizeを12に設定し、lineHeightを16に設定すると、Visual Studioが10ポイントサイズのConsolasに非常に近くなります。完全に一致させることはできませんでした(VS Codeフォントはやや太字です)が、十分に近いです。

10
Axel Rietschin

デフォルトフォントを決定するもう1つの方法は、設定で"editor.fontFamily"を入力して、自動入力が何を示唆するのかを確認することです。 Macでは、デフォルトで表示されます。

"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace",

これは、Andy Liが上で述べたことを裏付けるものです。

2
shacker

メインウィンドウのメニューの[ツール]> [オプション]に移動します。環境コンテナの下に、フォントと色が表示されます。必要なフォントと色を選択できます。

0

Vscodeを開きます。

押す ctrl,

設定は"editor.fontFamily"です。

Linuxでは、フォントのリスト(および使用する必要のある名前)を取得するには、別のシェルでこれを実行します。

fc-list | awk '{$1=""}1' | cut -d: -f1 | sort| uniq

フォントが存在しない場合にフォールバック値を設定するために、フォントのリストを指定できます。

0
sjas