title: Preload typekit font css
body: <p>Does anyone know how to preload typekit font? Right now my computed font is Ariel and I get the error:</p>
  
  <p><em>The resource <a href="https://use.typekit.net/dwg7avv.css" rel="noreferrer">https://use.typekit.net/dwg7avv.css</a> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate <code>as</code> value and it is preloaded intentionally.</em></p>
  
  <p>The font works if I do a normal import.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;font&lt;/title&gt;
  
    &lt;style&gt;
      body {
        font-family: proxima-nova, sans-serif;
        font-style: normal;
        font-weight: 100;
      }
    &lt;/style&gt;
    &lt;link rel="preload" href="https://use.typekit.net/dwg7avv.css" as="style" crossorigin&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    This is my font.
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>