Visual Studioコードエディターで使用されているフォントとフォントの変更方法

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

それでは、すべての環境（Ubuntu、MAC OS、Windows）でのVisual Studio Code Editorのデフォルトのフォントはどれですか？そして、どうすれば変更できますか？

Preferences>に移動しますUser Settings。（または、macOSではCtrl+ ,/ Cmd+ ,）

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

次に例を示します。

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

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

役立つリンク：

• デフォルトの設定

デフォルト設定では、VS Codeは次のフォント（14 pt）を降順で使用します。

• モナコ
• メンロ
• コンソラ
• 「ドロイドサンモノ」
• 「インコンソラタ」
• 「Courier New」
• 等幅（フォールバック）

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

デフォルトのフォントは、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\'';

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

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

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

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

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

Windowsでは、デフォルト設定は次のとおりです（モナコもメンロもインストールしていません）。

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

fontSizeを12に、lineHeightを16に設定すると、Visual StudioがConsolasに設定​​され、サイズが10ptになります。正確に一致させることはできませんでしたが（VS Codeフォントは少し太字です）、十分に近いです。

デフォルトのフォントを決定する別の方法は"editor.fontFamily"、設定の入力を開始し、自動入力が示唆することを確認することです。Macでは、デフォルトで次のように表示されます。

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

これは、Andy Liが上で言ったことを確認します。

vscodeを開きます。

を押しctrl,ます。

設定は"editor.fontFamily"です。

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

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

フォントのリストを指定して、フォントが欠落している場合の代替値を設定できます。

VisualStudioが更新されたので（2019）。この方法を試すことができます：

• [ファイル]-> [設定]-> [設定]に移動します。ます。
• [ワークスペース]タブに移動し、[ テキストエディター] - > [フォント]をクリックします。
• フォントファミリフォームの下に、使用するフォントファミリ名をコンマで区切って入力します。たとえば、これらのフォントをワークスペースに配置しました。 クリックすると、ワークスペースの設定が表示されます

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