文章详情页
css3 - 如何避免 Google Web Font 载入闪烁刷新文字的问题
浏览：74日期：2023-08-11 13:41:30
问题描述
按google提供的代码，选好字体后，引入字体：
<link href=’http://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’>
然后修改CSS字体：
font-family: ’Open Sans’, sans-serif;
但是字体载入完成后页面的所有文字内容会被刷新一下，这该怎么办呢？
问题解答
回答1：需要预加载这个css。
如果字体文件很大，那就先隐藏或透明页面内容，用js，在这个css加载完成之后再显示页面内容。
回答2：可以试试prefetching，除了DNS prefetching，其他资源如字体和图片也可以。
<link rel='prefetch' href='https://www.haobala.com/wenda/webfont.woff'>
标签：
CSS
相关文章：
1. javascript - SuperSlide.js火狐不兼容怎么回事呢2. 一个走错路的23岁傻小子的提问3. java - 创建maven项目失败了 求解决方法4. 运行python程序时出现“应用程序发生异常”的内存错误？5. node.js - 函数getByName()中如何使得co执行完后才return6. java-se - 正在学习Java SE，为什么感觉学习Java就是在学习一些API。7. python - 如何使用pykafka consumer进行数据处理并保存？8. javascript - git clone 下来的项目 想在本地运行 npm run install 报错9. 主从备份 - 跪求mysql 高可用主从方案10. python - django 里自定义的 login 方法，如何使用 login_required()
排行榜
网公网安备