Incorrect spacing under Windows and MacOS

marionebl / svg-term-cli

Share terminal sessions via SVG and CSS

MIT License

3.48k stars 116 forks source link

Incorrect spacing under Windows and MacOS #29

Open henryruhs opened 6 years ago

henryruhs commented 6 years ago

Hello,

there is strange / incorrect spacing under Windows for Chrome and Firefox caused by the Consolas font.

marionebl commented 6 years ago

Can reprodue this but currently I have no good idea on how to solve it - changing Consolas to a different monospace font just creates the same problem to a different extent.

We might have to use web fonts to ensure same rendering on all platforms. https://github.com/powerline/fonts/tree/master/Hack might be a good choice.

henryruhs commented 6 years ago

I investigated more into the current monospace font stack.

OS	Font Stack	Monaco	Consolas	Menlo	Bitstream Vera Sans Mono	Powerline Symbols	monospace
Windows 10 (Firefox)	✖	✖	✖	✖	✖	✖	✔
Ubuntu 17 (Firefox)	✔	✖	✖	✖	✔	✖	✔
MacOS 10 (Safari)	✖	✖	✖	✖	✖	✖	✔

✔ ~ correct ✖ ~ broken

According to the table, I suggest to use 'Bitstream Vera Sans Mono', monospace.