很多人喜欢使用GoogleFonts，插入非常方便，并且有非常多的语言可以选择。但是因为政策原因使用谷歌字体的网站加载就会非常慢，看到有人有解决方法可以来看一下。

本文为转载文章，以下内容来源于
Google Fonts 国内使用方案
dp2px

概述

当前 WordPress 等许多开源网站大部分的主题都在使用 Google 的在线字体方案 —— Google Fonts，Google 服务在大陆的崩溃情况使得大量的独立网站字体无法加载，大大影响到了国内相关网站的网页响应速度，现将解决方案总结如下：

解决方案一：本地加载字体包（推荐）

在 CSS 中找到被导入的 Google Fonts

1
2
#此处以该字体为例#
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800|Lora:400italic|Playfair+Display:700);

进入 url 链接，将 css 文件保存至本地

此处命名 css 文件：local.google.fonts.css

下载 css 中引用的字体包于本地

将 url 地址（圆圈处）逐个复制至浏览器下载字体，保存于新建文件夹 fonts 中

用绝对路径调用 css 字体

用本地字体绝对路径逐个替换url链接

重点注意：如果直接采用 /fonts/字体名称 替换，css 文件应当保存在根目录下；如果是将文件保存在 css 目录下，是无法正确调用字体的，需要返回根目录调用字体，正确格式是 ../fronts/字体名称

修改加载方式

1
2
3
4
5
6
#修改前:#
@import url(https://fonts.googleapis.com/css?family=......);
1
2
#修改为本地加载#
@import "local.google.fonts.css";

更换字体源

360网站卫士推出一项字体加速服务, 可以免费使用到由360网站卫士CDN加速的字体服务。

修改方法为:

1
2
3
4
#在代码中搜索:#
fonts.googleapis.com
#把fonts.googleapis.com替换为：#
fonts.useso.com

修改完保存，再次刷新，可以发现，网站可以正常获取 Google 字体。