Icons render as  on MacOS

[bennytheshap]

Expected behavior

According to the documentation, filenames should be preceded by icons indicating whether the directory entry is a file, folder, etc.

Actual behavior

On my Mac (running latest Mojave), in both Terminal and iTerm, and regardless of terminal font selected, all icons render as a box with a square inside: . Here is a screenshot.

[wawrencelu]

Same here. Running 10.13.6 on iTerm.

[schu34]

same on 10.14.4 and iTerm with zsh FWIW none of the icons in icons.rs render in the browser or any editors on mac either (tried vscode and sublime)

[crystalneth]

Instructions say:

Install the patched fonts of powerline nerd-font and/or font-awesome. Have a look at the Nerd Font README for more installation instructions. Don't forget to setup your terminal in order to use the correct font.

After installing nerd-font with brew, I'm not sure what the "correct font" is.

[schu34]

Totally missed that part of the instructions. I got it working by installing nerd-font with brew and then using Hack Nerd Font in iTerm

[bennytheshap]

Thank you!

[furey]

For iTerm2 on macOS, my full install process was as follows…

1. Install LSD

brew install lsd

2. Install Homebrew Cask Fonts

brew tap homebrew/cask-fonts

3. Install Hack Nerd Font

brew cask install font-hack-nerd-font

4. Configure iTerm2 Profile Text Font

iTerm2 > Preferences > Profiles > Text > Non-ASCII-Font > Change Font

Once setup correctly, lsd will return your file/directory icons like so:

Hope this helps if anyone else gets stuck.

Cheers!

🤓👍

[Peltoche]

Hi @furey ,

Big thanks for your steps and screens ❤️ . This will go directly into the documentation!

[taylorjason]

Very helpful, thanks! Has anyone been able to make this work in Hyper?

[sfdye]

Please, this needs to go into the documentation for MacOS setup.

[benjefferies]

@taylorjason I've just been playing around in hyper and have just resolved it.

You'll need to follow steps 1, 2, 3 in #199 (comment) and then for step 4 edit .hyper.js and update the fontFamily to look like

fontFamily: 'Menlo, "Hack Nerd Font", "DejaVu Sans Mono", "Lucida Console", monospace',

[taylorjason]

@benjefferies Thanks for the info. I tried that same thing but no luck. I verified I have the latest stable release of Hyper.

[benjefferies]

Do you have the font installed? You can find out by running system_profiler SPFontsDataType|grep "Hack Nerd Font" and you should see a similar output

system_profiler SPFontsDataType|grep "Hack Nerd Font"
Family: Hack Nerd Font
Family: Hack Nerd Font
Family: Hack Nerd Font
Family: Hack Nerd Font

[taylorjason]

I do have it installed. I installed with Homebrew and confirmed with font book.

[tnorthcutt]

I just submitted a PR to link to @furey's super helpful comment in the readme 👍

[rainoxu]

I met the same problem with it , thanks!

[breezedancer]

thanks!

[kyrelldixon]

brew cask install font-hack-nerd-font

The brew cask install step resulted in the error Error: Unknown command: cask because the brew cask syntax has been deprecated. I used brew install --cask font-hack-nerd-font instead.

[msr8]

@kyrelldixon How did you set the text though? I cannot find an option to select separate text for non-ascii characters

Edit: Am I blind?

[zwpaper]

Hi @msr8 , looks like you are using the apple terminal, I also did not find the option for non-asicii characters, so maybe you can change the font directly, Nerd font works perfectly for both ascii and non-ascii characters.

or, If you would like to keep the font for ascii, maybe you can try iTerm2

[MRX-IOS]

hi @msr8 you have to change your font from "Lucida Console 13 pt" to "Hack Regular Nerd Font Complete 11"