code-server 更改字体

要更改 code-server 的字体,你需要自定义其配置文件。code-server 使用的是 VS Code 的核心代码编辑器,因此你可以通过修改用户设置来更改字体。
以下是具体步骤:
  1. 启动 code-server:
    如果你还没有启动 code-server,可以使用以下命令启动:

    docker run -it --rm -p 8080:8080 -v " $ {PWD}:/home/coder/project" codercom/code-server:latest

  2. 访问 code-server 界面:
    打开浏览器并访问 http://localhost:8080
  3. 打开设置:
    在 code-server 界面中,点击左下角的齿轮图标,然后选择“Settings”。
  4. 编辑 settings.json 文件:
    在设置界面中,搜索 settings.json 或者直接点击右上角的 {} 图标以打开 settings.json 文件。
  5. 添加或修改字体设置:
    在 settings.json 文件中,添加或修改以下配置项来更改字体:

    {
      "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
      "editor.fontSize": 14,
      "editor.lineHeight": 1.6
    }

    这里是一个示例,其中 "editor.fontFamily" 指定了使用的字体系列,"editor.fontSize" 指定了字体大小,"editor.lineHeight" 指定了行高。

  6. 保存设置:
    保存 settings.json 文件后,code-server 会自动应用新的字体设置。

示例:完整的 settings.json 文件

以下是一个完整的 settings.json 文件示例,包含了更改字体的配置:
{
  "workbench.colorTheme": "Default Dark+",
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.formatOnSave": true,
  "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6
}

安装自定义字体

如果你想要使用特定的自定义字体,例如 Fira Code,你需要先在你的系统上安装该字体。

在 Ubuntu/Debian 上安装 Fira Code 字体

  1. 安装 Fira Code 字体:

    sudo apt update
    sudo apt install fonts-firacode

  2. 重启 code-server:
    确保 code-server 已经重新加载了字体配置。

在 macOS 上安装 Fira Code 字体

  1. 下载 Fira Code 字体:
    访问 Fira Code GitHub 页面 并下载字体文件。
  2. 安装字体:
    双击下载的字体文件(.ttf 或 .otf),然后点击“安装字体”按钮。
  3. 重启 code-server:
    确保 code-server 已经重新加载了字体配置。
通过以上步骤,你应该能够在 code-server 中成功更改字体。如果你遇到任何问题,请随时告诉我!

您可能还喜欢...

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注