How to change font on Semantic UI?

Viewed 7429

I'm trying to change the default 'Lato' font in Semantic UI but I haven't succeded.

I tried defining the new font in site.variables (/src/site/globals)

@headerFont        : 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
@pageFont          : 'Oswald', 'Helvetica Neue', Arial, Helvetica, sans-serif;
@googleFontFamily  : 'Open+Sans:400italic,400|Oswald:400,700';

I also tried in site/components/site.css, in site.overrides file and finally on src/themes/default/globals/site.variables. No luck in any of those locations and I don't understand the documentation example. Maybe I installed Semantic in the wrong way.

Where am I suppose to define the new font? thanks

1 Answers
Related