国外很多Web应用代码发现打开页面时快时慢,更有的无法打开,查了原因,发现是css引用的谷歌api地址:fonts.googleapis.com和ajax.googleapis.com
解决办法:
1.替换字体库源地址
查找引用了谷歌源的css文件 更换源地址
fonts.googleapis.com和ajax.googleapis.com全局更换为---> cdnjs.loli.net
2.如果是html引用,更改link
<link rel="stylesheet" href="https://cdnjs.loli.net/css?family=IBM+Plex+Sans:" >
3.字体下载到本地(推荐)
#1.下载google字体
url访问 https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|Rubik:
300,300i,400,400i,500,500i,700,700i,900,900i&display=swap
#2.保存css字体文件到本地,并重命名
#3.css/html引入字体文件
html
<link rel="stylesheet" href="/fonts.css" >
css
import "fonts.css";
4.重新访问页面,访问时长达到了 ms 级别
原文链接:https://vuesite.cn/39536.html,转载请注明出处。