📜  如何在我的 css 文件的 Visual Studio 代码中安装 gotham rounded 作为字体 - CSS (1)

📅  最后修改于: 2023-12-03 14:52:55.781000             🧑  作者: Mango

安装 Gotham Rounded 字体作为 CSS 主题 [返回顶部]

在 Visual Studio Code 中,您可以通过以下步骤将 Gotham Rounded 字体安装为 CSS 主题。

  1. 打开 Visual Studio Code 并进入您的 CSS 文件。
  2. 进入 VS Code 的命令面板:
    • Windows 和 Linux 用户可以使用快捷键 Ctrl + Shift + P
    • macOS 用户可以使用快捷键 Cmd + Shift + P
  3. 在命令面板中输入 Preferences: Open Settings (JSON) 并选择并打开 "Settings.json" 文件。
{
  "editor.fontFamily": "Gotham Rounded, sans-serif",
  "editor.fontWeight": "normal",
  "editor.fontSize": 14,
  "editor.lineHeight": 24
}
  1. 保存并关闭 "Settings.json" 文件。

现在,您的 CSS 文件将使用 Gotham Rounded 字体作为主题。以下是一个示例 CSS 代码:

body {
  font-family: 'Gotham Rounded', sans-serif;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

请注意,如果您的计算机上未安装 Gotham Rounded 字体,您需要先下载并安装它。

希望这对您有所帮助!如果还有其他问题,请随时提问。