文章详情页
css3 - 如何避免 Google Web Font 载入闪烁刷新文字的问题
浏览：125日期：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内创建jenkins访问另一个容器下的服务器问题2. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？3. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？4. css3 - 学习css构建图形时，遇到一个很有意思的现象，具体代码如下5. 极光推送 - Android app消息推送 百度 极光 个推 信鸽哪个好一些？6. javascript - js闭包作用域7. html5 - 百度echart官网下载的地图json数据乱码8. html - css 使用字体的时候,格式有什么特殊要求吗?9. 微信开放平台 - android 微信支付后点完成按钮，后回调打开第三方页面，屏幕闪动，求解决方法10. javascript - echart+百度地图
排行榜
网公网安备