title: Ensure text remains visible during webfont load not getting resolved in Google pagespeed insights
body: <p>Ensure text remains visible during webfont load issue is not getting resolved in google pagespeed insights report even after adding <code>font-display: fallback</code> to the CSS.</p>
  
  <p>How can I resolve the issue?</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
    font-family: Jura;
    src: url(../fonts/Jura-Regular.eot);
    src: url(../fonts/Jura-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Jura-Regular.woff2) format('woff2'), url(../fonts/Jura-Regular.woff) format('woff'), url(../fonts/Jura-Regular.ttf) format('truetype'), url(../fonts/Jura-Regular.svg#svgFontName) format('svg');
    font-weight: 400;
    font-display: fallback;
  }
  </code></pre>