Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Replacing Valo Open Sans font in Vaadin 7

Tomasz Fruba
6 years ago Jan 04, 2017 1:40pm

Hello All,

I really need to replace the default Valo theme's Open Sans font with the one that contains full-unicode character set (especially polish diacritical chars). I've wasted two days as for now and I still have no clue on how to do it...

In Chrome's console I can find the path to original fonts, but they do not exist on my drive:

I have new fonts in mytheme/fonts, but I no matter what I do - I can't replace the font... So (ofc) texts are displayed incorrectly:

So that's why I'm begging: please help! :)
Thank you in advance

Johannes Häyry
6 years ago Jan 05, 2017 7:47am

Fonts are served from themes jar. You can load your own fonts like this: https://vaadin.com/docs/-/part/framework/themes/themes-fonts.html

Then you need to define in Valo theme variable $v-font-family like done in these examples here: https://vaadin.com/wiki/-/wiki/Main/Valo+Examples

Tomasz Fruba
6 years ago Jan 05, 2017 10:14am
Johannes Häyry
6 years ago Jan 05, 2017 11:02am

Those two lines need to be before
.expenseplannertheme { }, but after @import lines

ประจวบ ศิรีขัน
6 years ago Jan 06, 2017 5:39am

I had to change the font Sans initial opening theme bravado with one of a series of letters full Unicode (phonetic alphabet Poland in particular), I've lost two days now and I still have no clue about. how to do it.

Tomasz Fruba
6 years ago Jan 08, 2017 1:13pm