文章详情页
css3 - 如何避免 Google Web Font 载入闪烁刷新文字的问题
浏览：175日期：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. docker镜像push报错2. docker-machine添加一个已有的docker主机问题3. node.js - node exec 执行没反应4. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下5. javascript - 使用 hotcss 用rem换出来的圆不圆6. mac里的docker如何命令行开启呢？7. 关于docker下的nginx压力测试8. python 计算两个时间相差的分钟数，超过一天时计算不对9. angular.js - angularjs的自定义过滤器如何给文字加颜色？10. angular.js - 指令下的指令 面对上级指令ng-repeat的时候 ng-controller会出现多次的问题？
排行榜
网公网安备