title: How to set rel=preload in CSS?
body: <p>I import fonts like this:</p>
  
  <pre><code>@font-face{
      font-family:fname;
      src:url(../fonts/fname.woff) format('woff'),
      url(../fonts/fname.ttf) format('truetype');
      font-weight:400;
  }
  </code></pre>
  
  <p>Also when I analysis my website using SEO tools (ex. google page speed insight), they suggest using <code>rel="preload"</code>for those fonts. Since I don't use HTML for importing that fonts to the page, any idea how can I use that HTML attribute using CSS?</p>