Render fonts

dnlbrv

Hello,

I have detected a nuance regarding the display of fonts. The fonts look slightly thicker than the originals. I have "fixed" it with css:

body {
-webkit-font-smoothing: antialiased;
Text-rendering: optimizeLegibility;
}

Is posible view the fonts with custom css in the Text Formats section?

I think is more good the render with custom css, is more similar to the original font, but to work fine in the Text Formats section I need view the render font equal.

The render font with custom css:

0_1490266580347_Screen Shot 2017-03-23 at 11.55.04.png

The render font with lay theme:

0_1490266607233_Screen Shot 2017-03-23 at 11.54.56.png

The render font with lay theme in Text Formats section:

0_1490266073628_03 with Text Formats render.png

Thanks a lot!

mariusjopen

Hi dnlbrv,

thank you fro writing us!

Indeed this is a great way to make fonts look much nicer.

body {
-webkit-font-smoothing: antialiased;
Text-rendering: optimizeLegibility;
}

Until now it is not embedded in the Backend but we will consider implementing it in the future.

Thank you for sharing your ideas!

All the best!

Marius

dnlbrv

Hey!
much better this way:

body, html {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeSpeed;
}

optimizeLegibility cause a tremble effect when reloaded the page.

Great theme!