title: Using Custom Fonts with HTML, fonts are not locally stored
body: <p>I have made an Enjin website, with it comes the option to create your own module by using HTML, CSS and JavaScript.</p>
  
  <p>I created a navigation bar:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.navbar {
      position: fixed !important;
      background: #FCFCFF;
      top: 0;
      left: 0;
      z-index: 9999;
      height: 80px;
      width: 100%;
      font-family: 'sao_uiregular';
      font-size: 32px;
      transition: 300ms height ease-in-out, 300ms background ease-in-out;
      box-shadow: 0 0rem 1rem 0.5rem rgba(0, 0, 0, 0.25);
  }
  
  @font-face {
      font-family: 'sao_uiregular';
      src: url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.eot);
      src: url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.eot?#iefix) format('embedded-opentype'),
           url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.woff2) format('woff2'),
           url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.woff) format('woff'),
           url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.ttf) format('truetype'),
           url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.svg#sao_uiregular) format('svg');
      font-weight: normal;
      font-style: normal;
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;div class="navbar"&gt;
          &lt;ul class="items"&gt;
              &lt;li id="home"&gt;&lt;a class="anm" href="page1"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li id="forums"&gt;&lt;a class="anm" href="page2"&gt;Forums&lt;/a&gt;&lt;/li&gt;
              &lt;li id="store"&gt;&lt;a class="anm" href="page3"&gt;Store&lt;/a&gt;&lt;/li&gt;
              &lt;li id="stafflist"&gt;&lt;a class="anm" href="page4"&gt;Staff List&lt;/a&gt;&lt;/li&gt;
              &lt;li id="support"&gt;&lt;a class="anm" href="page5"&gt;Support&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>the font does not seem to work, I stored it in the Enjin's website files.
  In the CSS I tried putting "", '', and nothing in the url, but none of them seemed to work. My question is why won't it work?</p>