0

After updating to Vaadin Flow 24.1, the global font size of all texts has changed and is now smaller than before (usable, but not desired). How can I reset the font size back to the original value (from Vaadin Flow 24.0)? Or how can I change the font size globally for Vaadin Flow?

I looked in the changelogs of the new update but found nothing that mentions this issue. I hope you have some suggestions about this problem.

Update on the above issue. There seems to be a pull request for this problem which hopefully fixes it in the next patch. (https://github.com/vaadin/flow/issues/17070)

Relluuuu
  • 11
  • 3

1 Answers1

0

In our case the issue was caused because we set the value of --lumo-font-size-m to a value different than 1rem. Due to a change in how CSS is loaded in Vaadin 24.1 this value is now applied to the font-size of the html tag, which resets the base font-size for the entire dom tree.

See How to set base size for rem

For now we worked around the issue by adding the following block of CSS to our styles.css file of our theme

html {
  font-size: 1rem;
}
gert.dubois
  • 1
  • 1