recherche

Maison  >  Questions et réponses  >  le corps du texte

css3 - 如何避免 Google Web Font 载入闪烁刷新文字的问题

按google提供的代码，选好字体后，引入字体：

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

然后修改CSS字体：

font-family: 'Open Sans', sans-serif;

但是字体载入完成后页面的所有文字内容会被刷新一下，这该怎么办呢？

PHP中文网PHP中文网2866 Il y a quelques jours769

répondre à tous(2)je répondrai

  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:02:10

    需要预加载这个css。

    如果字体文件很大，那就先隐藏或透明页面内容，用js，在这个css加载完成之后再显示页面内容。

    répondre
    0
  • 迷茫

    迷茫2017-04-17 11:02:10

    可以试试prefetching，除了DNS prefetching，其他资源如字体和图片也可以。

    <link rel="prefetch" href="webfont.woff">

    répondre
    0
  • Annulerrépondre