在 Visual Studio 代码上集成 ZSH 时出现字体问题

Question

我正在尝试将 zsh 集成到我的 VSC 设置中，但显然它无法识别箭头。

我的 zsh 主题是 agnoster，我已经尝试添加 "terminal.integrated.fontFamily": "Meslo LG M DZ for Powerline" 但没有成功。任何人都经历过这样的事情并且可以帮助我吗？谢谢

Answer 1

按照这个小指南解决了问题 making-powerline-work-in-visual-studio-code-terminal。

重要提示：如果您已经安装了电力线字体（例如，它在您的系统终端中看起来不错），跳过第 1 步。

直接从 https://github.com/powerline/fonts 安装所需字体的补丁版本。显然进行“快速安装”（例如sudo apt-get install fonts-powerline）在这种情况下不起作用。因此您可以手动安装直接下载.ttf文件或运行安装脚本./install.sh。例如，您可以执行以下操作：
1. 克隆存储库：
```
git clone https://github.com/powerline/fonts && cd fonts
```
2. 运行 ./install.sh 以安装所有字体或通过进入其目录并打开 .ttf 文件来安装一种特定字体。例如，手动安装 DejaVu Sans Mono for Powerline:
  - cd DejaVuSansMono
  - 打开DejaVu Sans Mono for Powerline.ttf
  - 安装字体
将 terminal.integrated.fontFamily 添加到 VSCode 中的用户设置 settings.json，指定要使用的电力线字体。例如，如果我想使用 DejaVu Sans Mono for Powerline:
```
{
    [...]
    "terminal.integrated.fontFamily": "DejaVu Sans Mono for Powerline",
    [...]   
}
```
重启Visual Studio代码

Answer 2

在浏览了很多博客和 GitHub 评论后，终于成功了。以下步骤适用于 macOS。

为电力线字体克隆 Menlo

git clone https://github.com/abertsch/Menlo-for-Powerline.git

在 Finder 中打开此文件夹。双击 Menlo for Powerline.ttf 文件。
点击Install Font
打开 VSCode 中的 settings.json 文件并添加以下行。

"terminal.integrated.fontFamily": "Menlo for Powerline"

如果您仍然无法在终端中看到字体，请尝试重新启动 VSCode。

您可以通过上述步骤使用任何您想要的字体。

Answer 3

我的 VS Code、WSL 终端 (PowerLevel10K) 在 Windows 10 上遇到了同样的问题。它看起来和你的一模一样。我发现我的 Terminal>Integrated:Font Family 命名不正确。我使用“DroidSansMono Nerd 字体”。我输入的是“Droid Sans Mono Nerd Font”。

这不是字体名称在 Word、记事本或 Photoshop 等程序中的显示方式。当我按照记事本中显示的方式输入时，

我关闭并重新打开我的 VS Code 终端，一切都按预期呈现。

因此请检查您在操作系统的文字处理软件中安装的字体名称，看看它是如何列出的。同样将其输入终端>集成：字体系列，您的 VS 代码终端也应该正确呈现。

Answer 4

耶！这对我有用... Ubuntu 20.04

重点：共享字体think。

https://cloverinks.medium.com/oh-my-zsh-agnoster-theme-not-showing-correct-font-on-vscode-ubuntu-47b5e8dcbada

Answer 5

对我来说它适用于 linux 和 manjaro（我不知道为什么其他解决方案对我不起作用）。

下载此字体download font from here，然后创建一个名为“Meslo”的文件夹，并提取其中的所有字体。
将此文件夹移动到 /usr/share/fonts/truetype/
运行这个命令：

sudo fc-cache -vf /usr/share/fonts/

在 vscode 的 settings.json 中添加此行：

"terminal.integrated.fontFamily": "MesloLGM Nerd Font"

如有必要，保存并重新启动，它应该可以工作。完成。

Answer 6

如果您已经安装了在您的终端应用程序中看起来不错的字体（例如在 iTerm2 中）并且该字体在 VSCode 中只是乱七八糟，您不必安装任何其他字体.只需添加：

{
  ...,
  "terminal.integrated.fontFamily": "YourFontName"
}

给你的settings.json 其中 YourFontName 是您要使用的字体的名称。在 macOS 上，您可以在字体簿中查看安装了哪些字体（在 spotlight Command + Space[=27 中搜索 font book =]) 看起来像这样：

在我的例子中，我的 settings.json 有以下条目：

{
  ...,
  "terminal.integrated.fontFamily": "MesloLGS NF"
}

Answer 7

大多数其他答案都没有解决我在 Manjaro Linux (KDE) 中的问题。

我最终找到了使电力线字形在我的 VS Code zsh 终端中可见的解决方案：

https://forum.manjaro.org/t/kde-powerline-glyphs-missing-in-vscode-integrated-terminal-only/63742/3

只需将字体设置为NotoSansMono Nerd Font。这种字体已经安装在我的系统上。我不需要下载任何额外的字体。

在 VS Code 中有两种更改字体的方法：

更改 settings.json 中的以下行：

"terminal.integrated.fontFamily": "NotoSansMono Nerd Font"

或者，转到设置 -> 功能 -> 终端并将 终端 > 集成：字体系列设置为：
```
NotoSansMono Nerd Font
```

您可能需要重新启动 VS Code。

Answer 8

我在我的 Macbook 上遇到了完全相同的问题。问题是我在 Iterm 中使用的字体没有添加到 VSCode.

的终端中

修复

修复很简单，您必须打开 Iterm -> 首选项 -> 配置文件 -> 文本并复制字体名称

现在转到 VS Code：

打开设置
在搜索栏中，输入 Terminal Font
将字体名称粘贴到Terminal > Integrated: Font Family

这将为您解决问题！[=16=]

在 Visual Studio 代码上集成 ZSH 时出现字体问题

Font issues while integrating ZSH on Visual Studio Code

zsh

visual-studio-code

vscode-settings

修复