Use custom css properties on terminal font render ( webkit-font-smoothing )

[alxtz]

• I am on the latest Hyper.app version

• I have searched the issues of this repo and believe that this is not a duplicate

• OS version and name: macOS 10.13.3

• Hyper.app version: 2.0.0

• Link of a Gist with the contents of your .hyper.js: https://gist.github.com/alxtz/a103d33851cb97c501a65b567feb6cb9

Issue

In pre 2.0.0 of hyper.js, I'm able to customize the css props of the fonts in hyper.
One of my favorite, is to use -webkit-font-smoothing to make the font display more smooth.

Before

After

In 2.0.0

In 2.0.0, I believe all the x-row based css is deprecated, since the term windows is all rendering using canvas.

Is it still possible to do those customization in 2.0.0? The doc only revealed some very basic setup for it. https://hyper.is/

[alxtz]

Maybe related to #2601 , is there no official way to change/hook in to the rendering?

[Tam]

+1, would really like to get my fancy ligatures back!
x-screen x-row { font-variant-ligatures: initial; }

[albinekb]

@Tam support for ligatures is up to xterm sadly. Since switching to canvas rendering ligatures is hard to support. see xtermjs/xterm.js#958

[alxtz]

That is so sad..., the only reason I use hyper.js is only for the ability to use css props 🙁

[Stanzilla]

So there are actually two problems here,

@alxtz The termCSS setting is now called just css so try with that.
@Tam sadly you will have to wait for the xtermjs team to implement that.

[alxtz]

@Stanzilla The issue is that neither termCSS nor css would allow the access the change the actual render of shell text.
That's the same problem with @Tam

Note: those css props are set by using css, as you mentioned.

[albinekb]

Since hyper now renders with canvas, you are correct in that it doesn't change how fonts are rendered, some things can be changed via xterm API.