Define Text-Styles via Em, Rem or Percent and Mobile Styles

[edgrbnz]

I would love to have an Option in Text Formats to define Typography with dynamic values – I know it’s there already but with additional Viewports (like Tablet Upright and Laaarge Screen) this would make the adaption to screen sizes way easier:
Large Screens get large type¹ and small Screens get smaller type² to fit the screen. This way anything that’s text related can be better optimized for legibility and character count per line and, and, and,…

An option to optimize mobile styles separately would still be cool though!

I'm missing an option to use a different weight for mobile devices. Because of the higher resolution (300dpi and beyond) of these screens and the mostly smaller text sizes light fonts (which look good at decent sizes on desktop) tend to be too delicate on mobile devices.

I know all of this can be achieved via CSS but I'd much more prefer an integration into the Text Formats section of Lay Theme.

Would be super cool!

---

¹ The text boxes get wider as the viewport gets wider which makes them very hard to read at one point (If Text Formats are defined in px). This can of course be controlled via custom CSS and max-width but then larger screens have veeery much whitespace which may not always be desired. An additional breakpoint (somewhere around 1920px+) could fix this for Text Formats defined in px.

² Right now the Control via % renders texts very small on tablets held in portrait orientation. So it would be cool to have a breakpoint there to make these texts bigger again (either via px or %).

[mariusjopen]

Dear @edgrbnz
thank you for this comment.
We see how we can include this in the near future.

Best!

Marius

[edgrbnz]

Thanks!

I hope this makes sense in any way…