文章详情页
css3 - 如何避免 Google Web Font 载入闪烁刷新文字的问题
浏览：223日期：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 - node.js中stat() access() open() readFile()都能判断文件是否存在？2. javascript - js 多维数组的问题3. Java中main方法里面的参数一定要是String []args吗？4. html5 - 目前 公司App 嵌入H5页面 做个 手机支付功能 没有做过 所以 请求各位有经验的 给个思路5. css - 如何讓圖片像雲一樣的行為？6. css3 - CSS优先级问题7. html - 关于CSS实现border的0.5px设置？8. font-family - 我引入CSS3自定义字体没有效果？9. html5 - canvas中的mousedrag事件，为什么鼠标拖出canvas，然后再次移入canvas，drag事件还触发10. css - 图片的宽度发生变化而高度却没有相应变？
排行榜
网公网安备