如何避免 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;
但是字体载入完成后页面的所有文字内容会被刷新一下,这该怎么办呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
可以试试prefetching,除了DNS prefetching,其他资源如字体和图片也可以。
<link rel="prefetch" href="webfont.woff">
需要预加载这个css。
如果字体文件很大,那就先隐藏或透明页面内容,用js,在这个css加载完成之后再显示页面内容。