概述
当前 WordPress
等许多开源网站大部分的主题都在使用 Google
的在线字体方案 —— Google Fonts
,Google 服务在大陆的崩溃情况使得大量的独立网站字体无法加载,大大影响到了国内相关网站的网页响应速度,现将解决方案总结如下:
解决方案一:本地加载字体包(推荐)
- 在 CSS 中找到被导入的 Google Fonts
|
|
- 进入 url 链接,将 css 文件保存至本地
此处命名 css 文件:local.google.fonts.css
- 下载 css 中引用的字体包于本地
将 url 地址(圆圈处)逐个复制至浏览器下载字体,保存于新建文件夹 fonts 中
- 用绝对路径调用 css 字体
用本地字体绝对路径逐个替换url链接
重点注意:如果直接采用 /fonts/字体名称
替换,css 文件应当保存在根目录下;如果是将文件保存在 css 目录下,是无法正确调用字体的,需要返回根目录调用字体,正确格式是 ../fronts/字体名称
- 修改加载方式
|
|
|
|
解决方案二: 更换字体源
360网站卫士推出一项字体加速服务, 可以免费使用到由360网站卫士CDN加速的字体服务。
修改方法为:
|
|
修改完保存,再次刷新,可以发现,网站可以正常获取 Google 字体。