Change the default CSS font for uikit
<p>Hoe do you change the default font for uikit? <a href="http://getuikit.com/" rel="nofollow">UIKit</a></p>

<p>The default font is </p>

<pre><code>"Helvetica Neue",Helvetica,Arial,sans-serif 
</code></pre>

<p>and its set on the html element tag. If i change this font on my custom style in the html tag to something else it doesn't overwrite the changes. I can use important which does change things:</p>

<pre><code>html {
     font: 'Raleway', sans-serif !important;
}
</code></pre>

<p>This changes the global font as expected <strong>but</strong> font-awesome obviously no longer works because the !important is over writing it. Any ideas?</p>