title: Chrome Print Preview doesn't load @media only print font-face
body: <p>I would like a different font-face for print than for screen.
  Unfortunately Google Chrome Print Preview (works on other browsers) won't load the font-face and won't show the text.
  But if you try it a second time, the font-face is loaded and then, Google Chrome Print Preview will show the text!</p>
  
  <p>Here is a fiddle on which you can reproduce the problem. (nb: on the fiddle the font url does not exist, but at least the preview should show the text as 'serif').</p>
  
  <p>Is there a better solution than forcing the pre-loading of the print font-face for all @media?</p>
  
  <p>The problems occurs on all versions of Google Chrome &lt;= 53.</p>
  
  <p>I used this code:</p>
  
  <pre><code>@media only print {
      @font-face {
          font-family: "Computer Modern";
          src: url('/fonts/cm/cmunrm.otf');
          font-weight: normal;
          font-style: normal;
      }
  
      body {
          font-family: "Computer Modern", serif;
      }
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/72bsf1n0/" rel="noreferrer">https://jsfiddle.net/72bsf1n0/</a></p>