Hyper: Unicode characters are crowded together, display unreadable

Created on 4 Jan 2017  ·  22Comments  ·  Source: vercel/hyper

No matter what font I choose, hyper Chinese it is displayed, is crowded with。

  • [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: Ubuntu 16.04 x86_64
  • Hyper.app version: Hyper 1.0.1
  • Link of a .hyper.js with the contents of your .hyper.js:
  • Relevent information from devtools _(CMD+SHIFT+I on Mac OS, CTRL+SHIFT+I elsewhere)_:
  • The issue is reproducible in vanilla Hyper.app:

2017-01-04 10-16-52

Issue

👯‍♀️ Is Duplicate

Most helpful comment

hyper quite simply is the best terminal for theming and stuff. no other terminal can really compete. especially once hyper works out a lot of its kinks and stuff it currently has. Usability wise it does have a ways to go still.

All 22 comments

I can replicate this issue on macOS Sierra 10.12.1 on hyper 1.0.1 when displaying emojis.

same issue

Same issue can be replicated on Hyper 1.0.1, macOS 10.12.2 displaying CJK characters.

Same here - started with 1.0.1

Same here

+1, started with Hyper 1.0.1, on MacOS 10.12.2, using powerline font
screen shot 2017-01-10 at 11 14 54 pm

I think it's the same issue as I noted in issue (unicode node css style #1332), you can fix it temporarily doing what I did to change the unicode-node css.

I have the same problem on Debian Jessie on Hyper 1.1.0
.hyper.js

hyper

.unicode-node {
    width: 1.15em;
}

needs reopening, see 2e58e56

Unicode display still doesnt work. I'm using the WSL and I tried to see if it was a problem with WSL, but apparently the pantheon-terminal that I'm running WSL shows it just fine.

From hyper:
image

From WSL-xserver-pantheon-terminal
image

Is there any updates on this?
In the current version of hyper, unicode chars are still cowded together, but they at least show correctly when you don't have a background color. But that also happens with the default terminal in ubuntu, so I'm not really sure what to do...
If anyone knows any fix for that, please let me know

@lucasqueiroz i have since used xserver on windows to host pantheon-terminal instead

@shadowys hmmm... Is it as "personalizable" as hyper? With the transparency on mac and etc? (I also use a macbook so I wanted to have it in both computers...)
EDIT: Hmm I don't really like pantheon-terminal... I really like Hyper, but that unicode bug sucks :/ If anyone knows any good (that includes plugins and themes, like hyper...) terminal, please tell me... (Or any way to fix the unicode problem)

http://dobsondev.com/2014/02/21/customizing-your-terminal

I believe on a Mac iterm2 should be what you need. Hyper is what I might use on Windows because there is not many good terminals but now that Linux terminals can run on it I don't see the need to use hyperterm.

I just chose pantheon term because I'm familiar with it but there are tons of emus there u can pick and choose.

None of them are as "customizable", they don't have nice themes and stuff (and the title bar doesn't get "themed" either...). I really wish this was fixed...

I'm not sure what you mean by customization. Suckless terminal allows you to compile the themes you want, GNOME terminal allows you to customize the themes and stuffs etc etc

Unless you mean customizing the GUI, which would then be different, and there are GTK skins for that.

I mean like hyper themes and plugins

hyper quite simply is the best terminal for theming and stuff. no other terminal can really compete. especially once hyper works out a lot of its kinks and stuff it currently has. Usability wise it does have a ways to go still.

screen shot 2017-07-25 at 3 29 11 pm

I've managed to hack together a fix for my powerline use case:
2018-02-12_16-50-12

.unicode-node {
  position: relative;
  height: 96%;
  padding-top: 1px;
  margin-top: -1px;
}

Since the issue complicates when you change the width of unicode characters (messing up the cursor position), i just moved them on top of the other characters and adjust the alignment manually. You might need to change the values a bit depending on your font settings and I don't think it would help with unicode language characters, but it solves the powerline issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

aem picture aem  ·  3Comments

eoinmurray picture eoinmurray  ·  3Comments

ConstantinChirila picture ConstantinChirila  ·  3Comments

legomushroom picture legomushroom  ·  3Comments

hxnt picture hxnt  ·  3Comments