Visual Studioコードに新しいフォントを追加するにはどうすればよいですか？

Question

私はコーディングでかなり新しいです。次の問題で苦労しています。 VScodeのフォントを異なるフォントに変更して、完了する必要があるプロジェクトで使用されているフォントと一致するように、オンラインで何度も検索しました。

私はまだフォントを見ることができませんでしたが、私は選択したフォントを見ることができず、 "ファイル>環境設定>ユーザー設定"に行き、"エディタを上書きして使用できません。 font-family "： How to use custom font in visual studio code

次のフォントをデスクトップにダウンロード済みです。ここに私が取り組んでいるサイトに挿入したいフォントがあります。

• titilliumtext14l-600wt.otf
• OpenSans-Semibold.ttf
• OpenSans-Regular.ttf
• 無数-Pro_31655.ttfここ

は、 "デフォルト設定"

です

//設定ファイルに設定を上書きして設定を上書きします。 //最も一般的に使用される設定については、http://go.microsoft.com/fwlink/?LinkId=808995を参照してください。 {

//エディタ

// Controls the font family. 
"editor.fontFamily": "Consolas, 'Courier New', monospace", 

// Controls the font weight. 
"editor.fontWeight": "normal", 

// Controls the font size in pixels. 
"editor.fontSize": 14, 

私は私が私の「あるmain.css」を持っているものを含める必要があるのか​​はわからないけど、ここでは念のためです。

/** Fonts **/ 
 
@font-face { 
 
    font-family: Titillium, Arial, sans-serif; 
 
    src: url('../assets/fonts/gotham-thin-webfont.eot'); 
 
    src: url('../assets/fonts/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'), 
 
     url('../assets/fonts/gotham-thin-webfont.woff2') format('woff2'), 
 
     url('../assets/fonts/gotham-thin-webfont.woff') format('woff'), 
 
     url('../assets/fonts/gotham-thin-webfont.ttf') format('truetype'), 
 
     url('../assets/fonts/gotham-thin-webfont.svg#gotham_thinregular') format('svg'); 
 
    font-weight: normal; 
 
    font-style: normal; 
 
} 
 
@font-face { 
 
    font-family: Archivo Narrow, Arial, sans-serif; 
 
    src: url('../assets/fonts/gotham-black-webfont.eot'); 
 
    src: url('../assets/fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'), 
 
     url('../assets/fonts/gotham-black-webfont.woff2') format('woff2'), 
 
     url('../assets/fonts/gotham-black-webfont.woff') format('woff'), 
 
     url('../assets/fonts/gotham-black-webfont.ttf') format('truetype'), 
 
     url('../assets/fonts/gotham-black-webfont.svg#gotham_blackregular') format('svg'); 
 
    font-weight: bold; 
 
    font-style: normal; 
 
} 
 

 
/** Global **/ 
 
html, body{ 
 
\t background-color:#fff; 
 
\t color:#000; 
 
\t font-family: Titillium web, Arial, sans-serif; 
 
\t overflow-x:hidden; 
 
\t font-weight:light; 
 
} 
 
h1, h2, h3, h4, h5{ 
 
\t font-family:latoregular; 
 
} 
 
h1{ 
 
\t font-size: 50px; 
 
\t font-weight:bold; 
 
    color: #fff; 
 
} 
 
h2{ 
 
    font-size: 24px; 
 
    color: #000; 
 
    font-family: sans-serif; 
 
} 
 
h2 span, h3 span{ 
 
\t color:#ff8200; 
 
} 
 
h3{ 
 
\t font-size:24px; 
 
} 
 
h4{ 
 
\t font-size:18px; 
 
} 
 
h5{ 
 
\t font-weight: bold; 
 
\t font-size:20px; 
 
\t font-family:latoregular; 
 
\t font-weight:lighter; 
 
\t margin-bottom: 40px; 
 
} 
 
p{ 
 
\t font-size: 16px; 
 
    line-height: 2.0; 
 
}

お時間をいただき、ありがとうございます。

Answer 1

必要に応じて、まずマシンにフォントをインストールします。その後、ユーザー設定のJSONファイル（ファイル]> [設定]> [ユーザー設定]）で、そのようeditor.fontFamilyを上書き：

// Place your settings in this file to overwrite the default settings 
{ 
    "editor.fontFamily": "Source Code Pro" 
} 

フォントが最初にインストールされたとき、それはすでに開いていた場合は、VSCodeを再起動する必要があります。