Hyper: Powerline Glyphs not rendering properly

[webdevpchoi]

• [x] I am on the latest Hyper.app version
• [x] I have searched the issues of this repo and believe that this is not a duplicate

• OS version and name: 18362.356 Windows 10 Education
• Hyper.app version: 3.0.2
• Link of a Gist with the contents of your .hyper.js: https://gist.github.com/webdevpchoi/60d6b398b5096f7b632af497d9848e55
• Relevant information from devtools _(CMD+ALT+I on macOS, CTRL+SHIFT+I elsewhere)_:
• The issue is reproducible in vanilla Hyper.app:

Issue

I've installed all of the Powerline Fonts and confirmed they exist in my Fonts as seen here:

I've also set the fontfamily property in the hyper.js file as well as set the webGLRenderer to false as some said that fixed their issue:

    // choose either `'stable'` for receiving highly polished,
    // or `'canary'` for less polished but more frequent updates
    updateChannel: "stable",
    webGLRenderer: false,

    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: '"Hack"',

    // default font weight: 'normal' or 'bold'
    fontWeight: "normal",

    // font weight for bold characters: 'normal' or 'bold'
    fontWeightBold: "normal",

The odd thing is that some of the icons are working, but the others aren't, as seen here:

Running get_icon_names gives me this:

I tried setting the icon manually in my ~/.zshrc file like so:

# If you come from bash you might have to change your $PATH.
# export PATH=$HOME/bin:/usr/local/bin:$PATH

# Path to your oh-my-zsh installation.
export ZSH="/home/shhhpiderman/.oh-my-zsh"

# Set name of the theme to load --- if set to "random", it will
# load a random theme each time oh-my-zsh is loaded, in which case,
# to know which specific one was loaded, run: echo $RANDOM_THEME
# See https://github.com/robbyrussell/oh-my-zsh/wiki/Themes
ZSH_THEME="powerlevel9k/powerlevel9k"
POWERLEVEL9K_VCS_GIT_GITHUB_ICON=$'\uf113'
# POWERLEVEL9K_MODE='nerdfont-complete'

# Set list of themes to pick from when loading at random
# Setting this variable when ZSH_THEME=random will cause zsh to load
# a theme from this variable instead of looking in ~/.oh-my-zsh/themes/
# If set to an empty array, this variable will have no effect.
# ZSH_THEME_RANDOM_CANDIDATES=( "robbyrussell" "agnoster" )

# Uncomment the following line to use case-sensitive completion.
# CASE_SENSITIVE="true"

# Uncomment the following line to use hyphen-insensitive completion.
# Case-sensitive completion must be off. _ and - will be interchangeable.
# HYPHEN_INSENSITIVE="true"

# Uncomment the following line to disable bi-weekly auto-update checks.
# DISABLE_AUTO_UPDATE="true"

# Uncomment the following line to automatically update without prompting.
# DISABLE_UPDATE_PROMPT="true"

# Uncomment the following line to change how often to auto-update (in days).
# export UPDATE_ZSH_DAYS=13

# Uncomment the following line if pasting URLs and other text is messed up.
# DISABLE_MAGIC_FUNCTIONS=true

# Uncomment the following line to disable colors in ls.
# DISABLE_LS_COLORS="true"

# Uncomment the following line to disable auto-setting terminal title.
# DISABLE_AUTO_TITLE="true"

# Uncomment the following line to enable command auto-correction.
# ENABLE_CORRECTION="true"

# Uncomment the following line to display red dots whilst waiting for completion.
# COMPLETION_WAITING_DOTS="true"

# Uncomment the following line if you want to disable marking untracked files
# under VCS as dirty. This makes repository status check for large repositories
# much, much faster.
# DISABLE_UNTRACKED_FILES_DIRTY="true"

# Uncomment the following line if you want to change the command execution time
# stamp shown in the history command output.
# You can set one of the optional three formats:
# "mm/dd/yyyy"|"dd.mm.yyyy"|"yyyy-mm-dd"
# or set a custom format using the strftime function format specifications,
# see 'man strftime' for details.
# HIST_STAMPS="mm/dd/yyyy"

# Would you like to use another custom folder than $ZSH/custom?
# ZSH_CUSTOM=/path/to/new-custom-folder

# Which plugins would you like to load?
# Standard plugins can be found in ~/.oh-my-zsh/plugins/*
# Custom plugins may be added to ~/.oh-my-zsh/custom/plugins/
# Example format: plugins=(rails git textmate ruby lighthouse)
# Add wisely, as too many plugins slow down shell startup.
plugins=(git)

source $ZSH/oh-my-zsh.sh

# User configuration

# export MANPATH="/usr/local/man:$MANPATH"

# You may need to manually set your language environment
# export LANG=en_US.UTF-8

# Preferred editor for local and remote sessions
# if [[ -n $SSH_CONNECTION ]]; then
#   export EDITOR='vim'
# else
#   export EDITOR='mvim'
# fi

# Compilation flags
# export ARCHFLAGS="-arch x86_64"

# Set personal aliases, overriding those provided by oh-my-zsh libs,
# plugins, and themes. Aliases can be placed here, though oh-my-zsh
# users are encouraged to define aliases within the ZSH_CUSTOM folder.
# For a full list of active aliases, run `alias`.
#
# Example aliases
# alias zshconfig="mate ~/.zshrc"
# alias ohmyzsh="mate ~/.oh-my-zsh"

# Open .zshrc to be edited in VS Code
alias change="code ~/.zshrc"
# Re-run source command on .zshrc to update current terminal session with new settings
alias update="source ~/.zshrc"
source /home/shhhpiderman/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
source $ZSH/oh-my-zsh.sh

Not sure where to go from here...would love to get the glyphs working on Hyper.js though!

[romkatv]

fontFamily: '"Hack"',

Is this the correct family name? Run Fonts from the windows menu and search for Hack there. What does it show as the family name?

P.S.

You might find powerlevel10k useful.

[webdevpchoi]

@romkatv Hey Roman, yes, on the issue I posted, I have a screenshot of my installed fonts on Windows showing Hack is installed. I've also tried out a few other fonts like fontFamily: 'Fira Code for Powerline' amongst others.

Still no luck. I'll try switching to Powerlevel10k tonight and seeing if I can any results.

[romkatv]

If the family names of the fonts you've tried are indeed "Hack" and "Fira Code for Powerline", it makes sense that your terminal cannot display U+F113. These fonts don't have this glyph.

Try these font installation instructions: https://github.com/romkatv/powerlevel10k/#recommended-meslo-nerd-font-patched-for-powerlevel10k.

[webdevpchoi]

@romkatv That worked! Thank you so much, that was driving me nuts.

I didn't realize that this list of patched fonts from nerd fonts didn't have glyphs...or maybe some do, and some don't?

How can I figure out which fonts have glyphs available for them? For instance, Hack might not work, but Hack Nerd Font has the glyphs?

[romkatv]

@romkatv That worked! Thank you so much, that was driving me nuts.

I didn't realize that this list of patched fonts from nerd fonts didn't have glyphs...or maybe some do, and some don't?

This table lists patched fonts in the first column and their unpatched source fonts in the second column.

The source fonts are produced by many different people and companies. For example, Meslo (my favorite font) is created by Apple, while Hack is created by Source Foundry. Nerd Fonts project takes all these different fonts and adds extra symbols to them. The results are called "patched" fonts. Since they aren't identical to the source fonts, they have different family names.

How can I figure out which fonts have glyphs available for them? For instance, Hack might not work, but Hack Nerd Font has the glyphs?

"Hack" is the original unpatched font by Source Foundry. "Hack Nerd Font" is "Hack" with extra glyphs added by Nerd Fonts.

[webdevpchoi]

@romkatv Thank you for that insight and explanation! I'm going to go ahead and check out Powerlevel10k now...thanks for all your work on that btw! Marking this as resolved.