title: How to change font on Semantic UI?
body: <p>I'm trying to change the default 'Lato' font in Semantic UI but I haven't succeded.</p>
  
  <p>I tried defining the new font in site.variables (/src/site/globals)</p>
  
  <pre><code>@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';
  </code></pre>
  
  <p>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.</p>
  
  <p>Where am I suppose to define the new font? thanks</p>