Html 如何将我选择的新字体添加到Visual Studio代码中？

我对编码相当陌生，我正在努力解决以下问题。 我已经在网上搜索了很多次如何将VScode中的字体更改为不同的字体，以匹配我需要完成的项目中使用的字体

我已经看了stackoverflow上的这篇文章，但是在按照答案做了之后，我仍然看不到我选择的字体，在进入“文件>首选项>用户设置”并覆盖“editor.font family”后，我无法使用它们：

我已经在我的桌面上下载了以下字体。以下是我想插入到我正在工作的网站中的字体

• titilliumtext14l-600wt.otf
• OpenSans-Semibold.ttf
• OpenSans-Regular.ttf
• Myriad-Pro_31655.ttf

以下是“默认设置”

//通过将设置放入设置文件来覆盖设置。 //有关最常用的设置，请参见。 {

//编辑

// 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”中包含我的内容，但这里只是以防万一

/**字体**/
@字体{
字体系列：Titillium，Arial，无衬线；
src:url（'../assets/fonts/gotham thin webfont.eot'）；
src:url（'../assets/fonts/gotham thin webfont.eot？#iefix'）格式（'embedded-opentype'），
url（'../assets/fonts/gotham thin webfont.woff2'）格式（'woff2'），
url（'../assets/fonts/gotham thin webfont.woff'）格式（'woff'），
url（'../assets/fonts/gotham thin webfont.ttf'）格式（'truetype'），
url（'../assets/fonts/gotham thin webfont.svg#gotham_thinregular'）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}
@字体{
字体系列：Archivo窄字体、Arial字体、无衬线字体；
src:url（'../assets/font/gotham black webfont.eot'）；
src:url（'../assets/font/gotham black webfont.eot？#iefix'）格式（'embedded-opentype'），
url（'../assets/fonts/gotham black webfont.woff2'）格式（'woff2'），
url（'../assets/fonts/gotham black webfont.woff'）格式（'woff'），
url（'../assets/fonts/gotham black webfont.ttf'）格式（'truetype'），
url（'../assets/fonts/gotham black webfont.svg#gotham_blackregular'）格式（'svg'）；
字体大小：粗体；
字体风格：普通；
}
/**全球的**/
html，正文{
背景色：#fff；
颜色：#000；
字体系列：titilliumweb，Arial，无衬线；
溢出x：隐藏；
字体重量：轻；
}
h1、h2、h3、h4、h5{
字体系列：latoregular；
}
h1{
字体大小：50px；
字体大小：粗体；
颜色：#fff；
}
氢{
字体大小：24px；
颜色：#000；
字体系列：无衬线；
}
h2跨度，h3跨度{
颜色：#ff8200；
}
h3{
字体大小：24px；
}
h4{
字号：18px；
}
h5{
字体大小：粗体；
字体大小：20px；
字体系列：latoregular；
字体重量：较轻；
边缘底部：40px；
}
p{
字体大小：16px；
线高：2.0；
}

如有必要，首先在您的计算机上安装字体。然后，在您的用户设置JSON文件（文件>首选项>用户设置）中，覆盖

编辑器。fontFamily

如下所示：

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

---

如果在首次安装字体时VSCode已打开，则可能需要重新启动它。

您更改的设置与Visual Studio代码本身有关，您正在更改Visual Studio代码的字体

要为网站使用字体，可以将Google Fonts API添加到标题中，如下所示：

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />

---

我会再试一次，看看我第二次这么做是否有效。忘了说我试过了&它什么也没做。

font-family: "Open Sans";