vscode icon indicating copy to clipboard operation
vscode copied to clipboard

Codespaces: Terminal: MesloLGS NF's (Nerd Font patched) glyphs and symbols not rendered properly

Open benz0li opened this issue 1 year ago • 5 comments

Does this issue occur when all extensions are disabled?: Not relevant

  • VS Code Version: 1.94.2, 384ff7382de624fb94dbaf6da11977bba1ecd427, x64
  • OS Version: Debian 12 (bookworm)

Steps to Reproduce:

  1. Open https://github.com/b-data/data-science-devcontainers

  2. Codespaces > New with options...

    • Dev container configuration: Python base
  3. Install font Meslo LGS NF

    mkdir -p ${HOME}/.local/share/fonts/truetype/meslo
    curl -sSL https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Regular.ttf -o "${HOME}/.local/share/fonts/truetype/meslo/MesloLGS NF Regular.ttf"
    curl -sSL https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold.ttf -o "${HOME}/.local/share/fonts/truetype/meslo/MesloLGS NF Bold.ttf"
    curl -sSL https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Italic.ttf -o "${HOME}/.local/share/fonts/truetype/meslo/MesloLGS NF Italic.ttf"
    curl -sSL https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold%20Italic.ttf -o "${HOME}/.local/share/fonts/truetype/meslo/MesloLGS NF Bold Italic.ttf"
    fc-cache -fv
    
  4. Install Zsh theme Powerlevel10k

    git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${HOME}/.oh-my-zsh/custom/themes/powerlevel10k
    
  5. Change Zsh theme to Powerlevel10k

    sed -i 's/ZSH_THEME="devcontainer"/ZSH_THEME="powerlevel10k\/powerlevel10k"/g' ${HOME}/.zshrc
    
  6. Open a new Terminal


Safari v18.0.1 (20619.1.26.31.7); Terminal › Integrated: Gpu Acceleration: auto

Does this look like a diamond (rotated square)? Yes

Image

Does this look like a lock? No

Image

Cross reference:

  • https://github.com/coder/code-server/pull/7026#issuecomment-2423630849

benz0li avatar Oct 19 '24 11:10 benz0li

Safari v18.0.1 (20619.1.26.31.7); Terminal › Integrated: Gpu Acceleration: off

Does this look like a diamond (rotated square)? No

Image

benz0li avatar Oct 19 '24 11:10 benz0li

Firefox 131.0.3; Terminal › Integrated: Gpu Acceleration: auto

Does this look like a diamond (rotated square)? Yes

Image

Does this look like a lock? No

Image

benz0li avatar Oct 19 '24 11:10 benz0li

Firefox 131.0.3; Terminal › Integrated: Gpu Acceleration: off

Does this look like a diamond (rotated square)? No

Image

Ping @Tyriar

benz0li avatar Oct 19 '24 11:10 benz0li

Interestingly, Firefox displays the Terminal with MesloLGS NF correctly at https://coder.jupyter.b-data.ch (code-server 4.94.2-rc.1 – aka Code 1.94.2).

benz0li avatar Oct 19 '24 11:10 benz0li

The Terminal with MesloLGS NF worked fine for both Safari and Firefox up to code-server 4.93.1 – aka Code 1.93.1.

This version is currently deployed at https://demo.jupyter.b-data.ch.

benz0li avatar Oct 19 '24 11:10 benz0li

Version: 1.95.0 Os: Linux x64 6.8.0-47-generic snap

The issue still persists, my integrated terminal that uses the font family MesloLGS NF cannot rendered glyphs and symbols properly, what could be causing this problem and will there be a fix for this soon?

Sovanda-Mith avatar Oct 30 '24 17:10 Sovanda-Mith

The problem is resolved for code-server v4.95.1-rc.2 – aka Code 1.95.1.

The problem still persists on Codespaces.

No problem with VS Code.

benz0li avatar Nov 05 '24 06:11 benz0li

As I need to patch code-server to make this[^1] work, I do not think this works with Codespaces as is.

[^1]: Using a patched Nerd Font as Terminal Font Family.

benz0li avatar Nov 05 '24 07:11 benz0li