Valo randomly fails on Chrome


I’m new to Vaadin and I’m trying to add it to my exisiting Spring Boot application to create a better UI… Anyway… I was using Firefox the whole time to develop and it was working perfectly but then I tested it on Chrome and it’s completely broken.

When I reload the page, sometimes the fonts get rendered, sometimes they are not. Check the attached files to see what I mean. This is happening mostly on menus, buttons (specially icon only buttons) and anything that shows a FontAwesome icon.

With developer tools opened, if I select one of these nodes and uncheck the “font-weight: 400” the whole page renders.

As I said, it doesn’t happen Firefox and even on Edge (yikes).

Any ideas?

Apparently fixed by updating to Vaadin 7.7.7.