VS Code添加新字体HTML [重复]

Posted 2023-03-13

【中文标题】VS Code添加新字体HTML [重复]

【英文标题】：VS Code Add New Font HTML [duplicate]

【发布时间】：2021-09-19 17:15:09

【问题描述】：

我想知道如何向 VS Code 添加新字体，以便将字体系列设置为该特定字体。 （我希望网站上的文字以该字体显示）

我是 html 和 CSS 新手。

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/CSS/@font-face

【参考方案1】：

要在 Visual Studio 代码中设置新字体，请遵循以下路径：

打开 VSCode -> 转到文件选项 -> 首选项 -> 设置

你会来这里

有一个字体系列选项，您可以在其中输入您想要的字体名称。

要获取字体，您可以前往 Google fonts 获取大量收藏。

此字体无法反映在您的网站上，因为它仅限于 VSCode。 但是要在网站或应用程序上使用不同的字体，您可以使用 HTML 链接 标签，或者您可以在您的文件夹中下载并使用它。

例如，

首先，从谷歌字体中选择您最喜欢的字体。

您可以下载它或将其用作 html 文件中的链接。

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">

您可以为您的项目使用多种字体。

祝您的 HTML 和 CSS 之旅一切顺利。

【参考方案2】：

您只需 3 个步骤即可轻松完成。

第 1 步 - 下载所需的字体（要获得免费且非常好的字体是Google Fonts）

第 2 步 - 安装下载的字体

第 3 步 - 使用 VS Code 中的字体设置，您已将其更改如下。

在您的 VS 代码编辑器中

转到文件 > 首选项 > 设置

并搜索字体。 插入新下载字体的名称 需要在更改生效前重启电脑