Hyper: Hyperterm fails to display symbols

Created on 27 Jul 2016  路  15Comments  路  Source: vercel/hyper

I'm using Oh-my-git https://github.com/arialdomartini/oh-my-git

Oh-my-git uses non-ascii font for the symbols. I'm currently using Iterm2 and I can specify a non-ascii font. How will I do configure Hyperterm so it will know how to display the symbols?

馃憖 Awaiting Response Compatibility

Most helpful comment

termCSS: 'x-row {line-height: initial} .unicode-node {position: relative}', in config works well as temporary fix. Unicode node style needed for icons like fontawesome used through font fallback.

All 15 comments

You mean a powerline patched font? Like some ZSH themes use? I personally use agnoster which requires such a font. If this is what you are seeking you can set it in ~/.hyperterm.js under fontFamily: like so:
screen shot 2016-07-27 at 21 40 41

This is the result (git branch icon showing up):

screen shot 2016-07-27 at 21 36 30

from having a quick look at the repo of oh my git this will solve your issue 馃憤

@timneutkens How did you get your vim window to style like that? Mine is still the plain HyperTerm window -.-

@Craytor That was an external .vimrc I found on the web. It wasn't so great haha. I now use this:
screen shot 2016-08-21 at 22 23 35

syntax on " enable syntax highlighting                           
colorscheme onedark " use onedark atom theme https://github.com/joshdick/onedark.vim                                              
set backspace=indent,eol,start                                   
set nocompatible " fixes some weird bugs in insert mode          
set number " show line numbers                                   
set incsearch " search as characters are entered                 
set hlsearch " highlight matches                                 

" move vertically by visual line                                 
nnoremap j gj                                                    
nnoremap k gk 

Ah, thanks!

Is there a way to use 2 different fonts? One for reading and one for symbols. (like iTerm 2)

You can download the symbols-only font from the powerline site, see docs for installing: https://powerline.readthedocs.io/en/latest/installation.html#fonts-installation

Then its a case of setting .hyper.js to:

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 18,

    // font family with optional fallbacks
    fontFamily: 'PowerlineSymbols, "Operator Mono", monospace',
    ...
  }
}

However I now have an issue where they don鈥檛 line up properly:

screenshot from 2016-12-13 16-07-24

Mine doesn't render correctly too:
screen shot 2017-01-07 at 2 10 51 pm

I am also having the alignment issue:
hyper_misaligned

I got mine working by patching the font myself, see https://github.com/powerline/fontpatcher

:+1:

We have merged #1745. This PR could solve this issue.
Can you confirm this?

Seems fine now. With a little alignment issue

termCSS: 'x-row {line-height: initial} .unicode-node {position: relative}', in config works well as temporary fix. Unicode node style needed for icons like fontawesome used through font fallback.

I'm using hack nerd font and without other settings other than passing the fonts, everything works fine.

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

Screen Shot 2019-09-14 at 9 43 32 PM

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mrjones2014 picture mrjones2014  路  64Comments

deepsweet picture deepsweet  路  47Comments

orangecoloured picture orangecoloured  路  51Comments

cristian-sima picture cristian-sima  路  51Comments

BrysonR picture BrysonR  路  91Comments