title: How to get @font-face css from FontFace object?
body: <p>You can get a list of all loaded fonts through <code>Array.from(document.fonts.keys())</code></p>
  <p>This returns an array of <a href="https://developer.mozilla.org/en-US/docs/Web/API/FontFace" rel="nofollow noreferrer">FontFace</a> objects.</p>
  <p>How do you convert a FontFace object to <code>@font-face</code> css rule.</p>
  <p>The main problem I'm facing is that there is no <code>src</code> property on FontFace Objects. And <code>src</code> property is required to make a <code>@font-face</code> rule.</p>
  <pre><code>@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
  }
  </code></pre>