2

I use vaadin 8.9.3 and I ran into a problem: when a column with a Russian name is added to the table, the font in it is displayed bolder than the column with an English name. Looks like a problem with fonts. The images below show examples (Google Chrome):

Example 1

Example 2

This is very annoying. Is there any solution to this problem?

Egor Vasilyev
  • 303
  • 2
  • 14

1 Answers1

8

It seems that your primary CSS font does not support the Cyrillic alphabet, so it uses another fallback font for those characters.

MDN says this about font-family

font selection is done one character at a time, so that if an available font does not have a glyph for a needed character, the latter fonts are tried.

What you need to do is to modify the font-family to use a primary font that support Cyrillic characters, or then you need to change either the primary or one of the fallback fonts to something that looks more similar.

Here's some info on theming and setting font-family with Valo.

Erik Lumme
  • 5,202
  • 13
  • 27