code-server 更改字体
要更改
code-server 的字体,你需要自定义其配置文件。code-server 使用的是 VS Code 的核心代码编辑器,因此你可以通过修改用户设置来更改字体。以下是具体步骤:
- 启动 code-server:
如果你还没有启动code-server,可以使用以下命令启动:docker run -it --rm -p 8080:8080 -v " $ {PWD}:/home/coder/project" codercom/code-server:latest - 访问 code-server 界面:
打开浏览器并访问http://localhost:8080。 - 打开设置:
在code-server界面中,点击左下角的齿轮图标,然后选择“Settings”。 - 编辑 settings.json 文件:
在设置界面中,搜索settings.json或者直接点击右上角的{}图标以打开settings.json文件。 - 添加或修改字体设置:
在settings.json文件中,添加或修改以下配置项来更改字体:{ "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace", "editor.fontSize": 14, "editor.lineHeight": 1.6 }这里是一个示例,其中
"editor.fontFamily"指定了使用的字体系列,"editor.fontSize"指定了字体大小,"editor.lineHeight"指定了行高。 - 保存设置:
保存settings.json文件后,code-server会自动应用新的字体设置。
示例:完整的 settings.json 文件
以下是一个完整的
settings.json 文件示例,包含了更改字体的配置:安装自定义字体
如果你想要使用特定的自定义字体,例如
Fira Code,你需要先在你的系统上安装该字体。在 Ubuntu/Debian 上安装 Fira Code 字体
- 安装 Fira Code 字体:
sudo apt update sudo apt install fonts-firacode - 重启 code-server:
确保code-server已经重新加载了字体配置。
在 macOS 上安装 Fira Code 字体
- 下载 Fira Code 字体:
访问 Fira Code GitHub 页面 并下载字体文件。 - 安装字体:
双击下载的字体文件(.ttf或.otf),然后点击“安装字体”按钮。 - 重启 code-server:
确保code-server已经重新加载了字体配置。
通过以上步骤,你应该能够在
code-server 中成功更改字体。如果你遇到任何问题,请随时告诉我!