文章详情页
css3 - 如何避免 Google Web Font 载入闪烁刷新文字的问题
浏览：194日期：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. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！2. javascript - 请指条明路，angular的$event，在select中却是undefined？3. java - xml 传输数据如何处理更好4. java - 数据库设置parentID和ID还需要设置childrenID吗5. node.js - cnpm安装electron报错please remove node_modules before retry!。6. pycharm运行python3.6突然出现R6034问题，请问如何处理？7. javascript - 请问一下红框里的冒号是什么意思8. javascript - 用原生的js获取body和用jquery获取body的的margin值为什么不一样？9. 网页爬虫 - Python爬虫入门知识10. node.js - windows下安装webpack时出现路径问题如何解决？
排行榜
网公网安备