[SOLVED] How to install font for oh-my-posh in Linux VS Code bash?

Issue

I installed oh-my-posh, and got MesloLGLDZ Nerd Font installed separately (had to, because the omp font installer kept giving an error). That font is part of my system now. It appears in system fonts.

My system terminal is looking great, but in VS Code, it's missing the symbols from the font. Just showing rectangles.

System

VS Code

I have only seen instructions for Windows, but I'm on Mint. I have the default theme I suppose, since I didn't change that, and I want to keep that.

In the system terminal, I did it by going into settings for the terminal. But in VS Code, how can I connect my new font with omp? I tried changing the terminal font to "terminal.integrated.fontFamily": "MesloLGLDZ Nerd Font Mono" in VS Code's settings.json, but that just messed up the font and didn't add the symbols as hoped.

Solution

I was able to get it all working in Linux, VS Code:

1. [VS Code][terminal] Install Oh my Posh:

   sudo wget https://github.com/JanDeDobbeleer/oh-my-posh/releases/latest/download/posh-linux-amd64 -O /usr/local/bin/oh-my-posh
   sudo chmod +x /usr/local/bin/oh-my-posh
   

2. [VS Code][terminal] Download the themes:

   mkdir ~/.poshthemes
   wget https://github.com/JanDeDobbeleer/oh-my-posh/releases/latest/download/themes.zip -O ~/.poshthemes/themes.zip
   unzip ~/.poshthemes/themes.zip -d ~/.poshthemes
   chmod u+rw ~/.poshthemes/*.json
   rm ~/.poshthemes/themes.zip

3. [VS Code][terminal] Install the font:

   sudo apt install fontconfig
   cd ~
   wget https://github.com/ryanoasis/nerd-fonts/releases/download/v2.1.0/Meslo.zip
   mkdir -p .local/share/fonts
   unzip Meslo.zip -d .local/share/fonts
   cd .local/share/fonts
   rm Windows
   cd ~
   rm Meslo.zip
   fc-cache -fv

4. [VS Code] [settings.json] Fix the font:

   "terminal.integrated.fontFamily": "MesloLGLDZ Nerd Font Mono",
   "terminal.integrated.fontSize": 12,

5. [VS Code][terminal] Append to bash rc: nano ~/.bashrc
6. [Files] Select a theme: they are in /home/toddmo/.poshthemes for your user.
7. [VS Code][terminal][nano] Make omp permentant:

   #oh-my-posh
   eval "$(oh-my-posh --init --shell bash --config /home/toddmo/.poshthemes/atomic.omp.json)"

8. [VS Code][terminal][nano] Save Changes: CTRL+X, Y, ENTER
9. Close Terminal
10. Reopen Terminal: CTRL+SHIFT+`

If you want to change the icons in omp, see the nerd font icon list. They will show codes like /f007. In omp theme files, they will show a icon code like \uF817. So, take the last four digits of the nerd font and put it after \u, example, \uf007.

Answered By - toddmo

Answer Checked By - David Goodson (WPSolving Volunteer)