WordPress 之 Google Fonts 应用:外部字体的使用与禁用,加速网页加载、提高浏览速度

WordPress 之 Google Fonts 应用:外部字体的使用与禁用,加速网页加载、提高浏览速度

  WordPress 目前是最多人使用的部落格、CMS 系统,早在 WordPress 3.8 版的时候则自动引入 Google Fonts 外部字型资源,但在此版本之前则无。

  Google Fonts 是由 Google 所提供的外部字型资源,能够让网站引入该字型,从而达到因使用 Google 主机所提供的外部资源的方式来提升网页加载的速度。但是 Google 在中国大陆是被封锁的,所以中国大陆的访客浏览有引入 Google Fonts 的网页时,会变得非常慢,这时反而把 Google Fonts 从 WordPress 中移除反而会让页加载速度加快。

  本篇文章将会介绍 WordPress 中 Google Fonts 的关联及应用,包含如何使用、禁用、替换 Google Fonts 外部字型资源。

壹、前言

一、撰写缘由

  前阵子为了要优化及加速 WordPress 网站,在网络上研究了一番,无意间找到了由 Google Developers 提供的 PageSpeed Insights 工具,该款工具是 Google 提供的网页效能工具,会分析网页内容,并提供如何加快网页加载速度的建议。

  在使用 PageSpeed Insights 分析了我的部落格网站之后,该工具在「可能的优化做法」中显示了「清除前几行内容中的禁止转译 JavaScript 和 CSS」,具体需要修改的部分显示如下:

针对下列网址为 CSS 传送进行优化处理
https://fonts.googleapis.com/…700italic,400,700&subset=latin,latin-ext

  上面显示的内容中,出现的「fonts.googleapis.com」网址是由 Google Fonts 所提供的外部字型资源。由于 WordPress 运行的时候,会在网页页头载入 WordPress 的 wp_head(); 函数,而该函数内就有引入 Google Fonts 外部字型资源的程序代码。

  而在网页载入的时候,碰到该函数会先把 Google Fonts 外部字型资源加载完成后,才会继续往下加载网页的其它主要内容部分。造成因为引入 Google Fonts 外部字型资源而花费一点点的时间,导致网页下方主要的内容被延迟加载了。

  虽然说一般访客在加载 Google Fonts 外部字型资源所花的时间并不多,有时大约只有 0.0x 至 0.x 秒而已,但对于网页加载速度极端要求的人来说,可能是分秒都非常地在意,或者对于搜寻影情优化 (SEO) 来说一点点的差距多少都还是有影响的,所以是否启用或禁用 WordPress 中的 Google Fonts 都是可以做考虑的因素,所以就研究了 Google Fonts 在 WordPress 的各项利弊。

二、背景、动机与目的

  有许多使用 WordPress 架设的网站,常常会因为引入外部链接元素,而导致网页加载缓慢。加载的档案当中,有一些是自行手动添加的档案,而有一些是安装外挂后所引入的组件,不过有一些则是 WordPress 程序代码内就预先装好引入的元素,例如:Google Fonts。

  Google Fonts(中文或称:Google 字体谷歌字体,前称为:Google Web Fonts [1])是由 Google 所提供的外部字型资源,提供给网站调用。WordPress 3.8 版以后,会自动引入 Google Fonts 外部字型资源,用意是要把 WordPress 网站内的字型移转交由 Google Fonts 外部字型提供,因为 Google 的所提供的服务器会比一般网站本身的服务器还要来的强大许多,同时也能够减少网站主机本身的流量和负担,让网页加载速度加快。

  而 WordPress 3.8 以前的老版本则需要自行修改程序代码,或者安装插件,才可以正常使用 Google Fonts。虽然 WordPress 3.8 版以后自动调用 Google Fonts 的用意是要减少本地端主机的负担和提高网页加载的速度,但是 Google 很多服务在中国大陆是被封锁的,即使没封锁链接速度也非常的慢(包含 Google Fonts),所以若架设的 WordPress 大部分的浏览者都在中国内地,或者其它封锁 Google 的地方,那么把 Google Fonts 移除或者替换成其它资源反而会加快网页的加载速度。

  本文将会针对如何检查 WordPress 中是否有自动引入 Google Fonts 外部字型资源做教学,并提供网络上最全的使用、移除、替换 WordPress 中的 Google Fonts 程序代码,以及安装相关功能的插件,且在结论的地方探讨 WordPress 是否真的需要引入 Google Fonts 或是选择禁用,以及要使用哪种方法更动 WordPress 中的 Google Fonts 较适切。

贰、检查:是否有引用 Google Fonts 外部字体资源

  WordPress 自从 3.8 版本以后,程序就内置自动引用 Google Fonts,但如果不确定自己使用的 WordPress 是哪一个版本,或者想要确实地确认是否有引用 Google Fonts 资源,那么还是可以靠一些方法来明确检查并得知自身架设的 WordPress 是否有自动引用 Google Fonts 资源。

一、网页原始码

  检查 WordPress 是否有引用 Google Fonts 最简单的办法就是察看网页原始码,打开 WordPress 前台的任何页面或随便一篇文章,在网页页面点右键查看网页原始码(不同浏览器查看网页原始码的方法可能会稍微有些不同),就可以查看网页原始码中是否有引入外部字体了。

  接着在网页原始码页面中, Windows 操作系统下则可以直接同时按下键盘的 Ctrl 键和 F 键,会跳出浏览器的搜寻框(Google Chrome 浏览器在右上角,FireFox 则是在左下角),输入 fonts.googleapis.com 搜寻,假如搜寻的到该网址,代表 WordPress 有引入 Google Fonts,若搜寻不到则无。

二、Google Chrome 浏览器的开发者工具

  除了使用查看网页原始码的方式可以知道 WordPress 是否有引用 Google Fonts 资源外,在 Google Chrome 浏览器底下还可以使用该浏览器的开发者工具来查找是否有引入外部字体。

  使用 Windows 操作系统的用户,可以在 Google Chrome 浏览器开启的网页页面之下,同时按下键盘的 Ctrl 键、↑Shift 键及 I 键,或者直接按 F12 键,网页右方就会跳出开发者工具的页面了,接着在搜寻框中打上 fonts.googleapis.com (键盘按 Ctrl 键和 F 键鼠标也会自动跑到搜寻框当中),若有查询到该网址代表有引用 Google Fonts,若找不到则无。

参、控制:启用及禁用 WordPress 中 Google Fonts 的方法

  WordPress 在 3.8 之后的版本,主题会自动调用 wp_head(); 的函数,以引入 Google Fonts 外部字型的资源。可以用许多方法来使 WordPress 3.8 以前的老版本引入 Google Fonts,或 WordPress 3.8 以后的新版本禁用 Google Fonts。

一、禁用

(一)修改程序代码

1. 移除程序代码

  修改 WordPress 程序代码来禁用 Google Fonts 功能的最快、最直接的方法就是把该功能的运行程序代码屏蔽或删除,只要找到 WordPress 内的「wp-include/script-loader.php」档案,就可以修改了 [7]

  在 WordPress 程序目录下找到「wp-include」的子目录,并使用编辑软件打开开子目录下的「script-loader.php」档案,找到加载 Google Font 的程序代码,并把它删除即可,程序代码如下(WordPress 4.x 版的程序代码大约位在 952 行左右):

$open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

  若想要保留程序代码,也可以使用注释的方式来屏蔽该段程序代码的运行,PHP 程序只要加上「//」来注释掉就可以了,改成下方的程序代码:

//$open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

  修改完 script-loader.php 档后,若是在在线编辑则直接存档,如果把是档案下载下来编辑,就在编辑后存档并上传至原来的位置,保存至服务器当中。

2. 加入禁用程序代码

  若不想删除或屏蔽 WordPress 内原本的程序代码,那么可以另外增加程序代码来禁止 Google Fonts 的引用,只要找到目前 WordPress 所使用的主题,并在「functions.php」档里面增加以下的程序代码就可以了 [10]

程序代码一:

 // Remove Open Sans that WP adds from frontend
if (!function_exists('remove_open_sans')) :
 function remove_open_sans() {
 wp_deregister_style('open-sans');
 wp_register_style('open-sans', false);
 wp_enqueue_style('open-sans', '');
 }
 add_action('init', 'remove_open_sans');
endif;

程序代码二:

// Remove Open Sans that WP adds from frontend
if (!function_exists('remove_wp_open_sans')) :
    function remove_wp_open_sans() {
        wp_deregister_style( 'open-sans' );
        wp_register_style( 'open-sans', false );
    }
     // 前台删除Google字体CSS
    //add_action('wp_enqueue_scripts', 'remove_wp_open_sans');
    // 后台删除Google字体CSS
     add_action('admin_enqueue_scripts', 'remove_wp_open_sans');
endif;

程序代码三:

function remove_open_sans() {   
    wp_deregister_style( 'open-sans' );   
    wp_register_style( 'open-sans', false );   
    wp_enqueue_style('open-sans','');   
}   
add_action( 'init', 'remove_open_sans' );

  以上三种程序代码只要选择其中一个加入至 functions.php 里面就可以了。

3. 修改语言文件

   wp-content\languages 底下的语言文件 zh_XX.mo (XX 请自行对应 WordPress 所使用的语言),修改成禁止使用 Google Fonts 即可。先将 zh_XX.po 档打开编辑,并找到 msgctxt “Open Sans font: on or off” 此行,将此行下面的 msgstr “on” 改成 msgstr “off” 存档,并将存档后的 zh_XX.po 编译成 zh_XX.mo 档并替换原来的档案即可 [9]

(二)外挂

1. Remove Google Fonts References

  Remove Google Fonts References 外挂能够将 WordPress 中的 Google Fonts 移除掉。使用方式只需要安装后启动即可 3

2. Disable Google Fonts
  • 外挂名称:Disable Google Fonts
  • 外挂网址:https://wordpress.org/plugins/disable-google-fonts/
  • 外挂性质:免费

  Disable Google Fonts 外挂能够禁止 WordPress 中的 Google Fonts 的使用。使用方式也只需要安装后启动即可。

二、替换

  与直接禁用相较起来,替换 Google Fonts 能够让 WordPress 继续使用字体而不必禁用,同时又可以避免 WordPress 默认使用 Google Fonts 的引用,而改成其它资源的调用。除了调用其它资源的字体外,也可以直接把字体下载到网站主机本地端来使用,而不再引用外部字体的资源。

(一)修改程序代码内的引用资源

  要把 WordPress 中引用 Google Fonts 的资源替换成别的资源,只要在 WordPress 中找到相关的程序代码,并把程序代码内引用的 Google Fonts 的部分替换成别的资源的位置就可以了。找到「wp-include/script-loader.php」档案,并修改以下的程序代码:

$open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

  把程序代码内的「https://fonts.googleapis.com/」替换成其它资源的网址,就可以引用 Google Fonts 之外的资源了,例如由 360 所提供的 DNS 公用库就可以改成 fonts.useso.com ,不过现在 360 已经停止提供公用库资源了 [2],请自行搜寻其它替代方案资源。

(二)本地字体:把字体存放在本地端

1. google-font-download
  • 资源名称:google-font-download
  • 资源网址:https://github.com/neverpanic/google-font-download
  • 使用性质:免费

  在网络上有用户在 GitHub 放上 Google Fonts 以供下载:「google-font-download」,不过由于 google-fonts-download 是属于 bash script,所以必须要在 Unix 及类 Unix(英语:Unix-like,包含所有的 Linux 发行版:Debian、Ubuntu、Fedora、CentOS 和 openSUSE……,以及 FreeBSD、OpenBSD 等等)环境下的操作系统才可以正常运行 [6]

  google-fonts-download 的使用方法只要在后方加上要下载的字型即可,例如想要下载 Google Fonts: Open Sans 及 Ubuntu 字型,只要把 google-fonts-download 所提供的 bash script 档改成以下的的内容:

./google-font-download \
"Open Sans:300" "Open Sans:300italic" \
"Open Sans:400" "Open Sans:400italic" \
"Open Sans:700" "Open Sans:700italic" \
"Ubuntu:300" "Ubuntu:300italic" \
"Ubuntu:400" "Ubuntu:400italic" \
"Ubuntu:500" "Ubuntu:500italic" \
"Ubuntu:700" "Ubuntu:700italic"

  若是要查看 google-fonts-download 有提供哪一些字体可以下载,可至 Google Fonts 官方网站查询。

  在下载完 google-fonts-download 字体后,除了原本要下载的字型外,还会有一个 font.css 的档案,只需要三个步骤就可以正常的使用:

  1. 需要在目前所使用 WordPress 网站的主题底下,另外再新增一个 fonts 的文件夹。
  2. 再刚刚从 google-fonts-download 下载下来的字型档案 (*.eot, *.svg, *.ttf, *.woff, *.woff2) 和 font.css 档案上传到刚刚所新建立的 fonts 文件夹当中。
  3. 编辑该 WordPress 主题的 sytle.css 档案,打开该档案并在内容开头的部分加上 @import “fonts/font.css”; 即可。

  完成以上三个步骤后,就可以成功地让自己的 WordPress 自动引用你自己刚刚安装在本地的字型了。若是有安装 WordPress 快取(暂存、缓存)外挂,记得要更新缓存,才可以正常显示更改过后的网页。

2. Early Access

  Google Fonts 虽然提供好几百种的字型样式供下载,但是绝大多数都是英文或符号,并没有提供中文的字型,而是要在 Google Fonts 中的 Early Access(中文又称早鸟网)项目中才有提供中文的字型。Early Access 是提供还在测试中,而并还没有正式发表的字型项目,但还是可以自行下载下来至本地端来使用。不过由于这些字型还处于测试期当中,所以不保证能够完整显示无任何问题 [6]

  目前 Google Fonts: Early Access 中只有五款中文的字型,分别为下列五种 [4]

  1. cwTeXKai (Chinese Traditional) 楷体字体
  2. cwTeXYen (Chinese Traditional) 圆体字体
  3. cwTeXFangSong (Chinese Traditional) 仿宋体字体
  4. Noto Sans TC (Chinese Traditional) 黑体字体(思源黑体)
  5. cwTeXMing (Chinese Traditional) 明体字体

  Early Access 的字体与上一段一样,可以下载到网站本地端使用,不需要外部调用字型,以下将简单说明如何使用。

  例如要使用 Early Access 中的楷体字型,可以在 Early Access 网页中找到 cwTeXKai (Chinese Traditional) 的 Link 的部分:@import url(//fonts.googleapis.com/earlyaccess/cwtexkai.css); ,并从网址 http://fonts.googleapis.com/earlyaccess/cwtexkai.css 中下载 cwtexkai.css 档案,并打开修改档案内容:

/*
 * cwTeXKai (Chinese Traditional) https://fonts.google.com/earlyaccess
 */
@font-face {
  font-family: 'cwTeXKai';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.ttf) format('truetype');
}

  档案内容中的 .eot.woff2.woff.ttf 为字型的四种格式,把这四种格式下载下来后,放到已经下载好的 cwtexkai.css 当中,只需要把原本的网址改成本地端的网址(在同一个文件夹底下只需要改成文件名即可),修改范例如下:

/*
 * cwTeXKai (Chinese Traditional) https://fonts.google.com/earlyaccess
 */
@font-face {
  font-family: 'cwTeXKai';
  font-style: normal;
  font-weight: 500;
  src: url(cwTeXKai-zhonly.eot);
  src: url(cwTeXKai-zhonly.eot?#iefix) format('embedded-opentype'),
       url(cwTeXKai-zhonly.woff2) format('woff2'),
       url(cwTeXKai-zhonly.woff) format('woff'),
       url(cwTeXKai-zhonly.ttf) format('truetype');
}

  全部修改完成后,把 cwtexkai.css 文件和四个字体格式的档案都上传至 fonts 的文件夹,并编辑 WordPress 主题的 sytle.css 档案,在该档案的开头加上 @import “fonts/cwtexyen.css”; 来引入本地的字型文件,就可以使用网站自身所提供的字型。

(三)使用外挂

Useso take over Google
  • 外挂名称:Useso take over Google
  • 外挂网址:https://wordpress.org/plugins/useso-take-over-google/
  • 外挂官网:http://www.brunoxu.com/useso-take-over-google.html
  • 使用性质:免费

  Useso take over Google 是一款能够把 WordPress 内的 Google Fonts 的引用 [8],替换成 useso 引用的插件程序。不过自从 2016 年 9 月 18 日 360 宣布停止 360 前端库的服务 [2],该插件自从 1.7 版之后已经把 useso 改成用 geekzu 资源来替代了。

  该插件除了能够用 geekzu 资源替换掉 Google Fonts 外,还能够自动把 Google JS 公用库、Gravatar头像等同样替换成 geekzu 资源。让 Google、Gravatar 等原先在中国大陆被封锁掉的资源,能够正常访问、引用 geekzu 的资源。

  该插件的使用方式很简单,只需要安装好并启动外挂就可以马上生效了,并不需要做其它额外的设定步骤。

三、缓存

  利用缓存的方式,可以让 Google Fonts 缓存下来,不必每次都连上 Google Fonts ,以提升网页加载的速度。

使用外挂

Cache Google Web Font
  • 外挂名称:Cache Google Web Font
  • 外挂网址:https://wordpress.org/plugins/cache-google-font/
  • 使用性质:免费

  Cache Google Web Font 插件能够把 Google Fonts 缓存到本地端,不用每次开启网页就引用 Google Fonts 了。

  使用方式很简单,只需要在后台安装好,并启动插件就可以生效了。

四、启用

  通常在 WordPress 3.8 版以后都会自动引入 Google Fonts 外部字型资源,但是有些布景可能没有引入 Google Fonts 的程序代码,或者 WordPress 版本低于 3.8 版时,这时就要手动去引入字型资源了。

  例如如果要引入 Google Fonts: Early Access 的圆体字型,那么只需要找到 WordPress 主题的 style.css 档案,并插入以下的语法即可 [5]

@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css);
body {
font-family: 'cwTeXYen', sans-serif;}

五、使用

外挂

TK Google Fonts PRO
  • 外挂名称:TK Google Fonts PRO
  • 外挂官网:https://themekraft.com/products/tk-google-fonts/
  • 使用性质:付费,每个月 4.99 美元

  TK Google Fonts PRO 外挂插件可以很轻松、容易的添加、管理 WordPress 内的 Google Font,包含字体、颜色、大小等功能。

肆、结论

  上面介绍了各种修改 WordPress 中 Google Fonts 的修改应用,到底是否需要做修改,若要做修改又要用什么样的方式去修改,以下将会详述各利弊。

一、是否需要修改

  通常一般使用虚拟主机的一般网页空间,性能可能没有那么的好,若能把一些内部的资源(例如:图片、影片、字型等静态网页档案)外连到其它效能较好的平台空间(反向代理服务器、CDN 等也是这个原理),就能够加速度网页加载的速度。所以如果是用一般性能较没那么好的主机空间,那么把 WordPress 中的字型外连至 Google Fonts 是很好的选择,WordPress 3.8 版本以后都会动外连字型,而 3.8 以前的版本则是需要另外设定。

  但 Google 所提供的多项服务很多在中国大陆都是被封锁的,即使能够连上 Goolge 所提供的服务,也会因为中国网络防火墙过滤的关系而变得很慢,所以在中国境内浏览有引入 Google Fonts 的 WordPress 网站时反而会变得很慢,这时把 Gooogle Fonts 移除或替代反而能减低网页载入的时间,同时也能减少引用外部资源的请求量。

  另外,Google Fonts 正式的字体里面只有英文字型,并没有中文的字型,所以从 WordPress 引入的 Google Fonts 外部字型资源大都是英文的字型,若用 WordPress 所架设的网站、部落格是中文站点,或者网站内根本用不太到那些英文字型,那么在 WordPress 引入 Google Fonts 就没那么大的效用了。若真的需要中文,可以使用由 Google Fonts 所提供的 Early Access 方案,来把字型放置在本地端使用,但目前只是测试的字型版本,并不能确保所有字型都能够正常显示,而且只能使用在 Linux 等主机环境。

  所以 WordPress 内是否要引用 Google Fonts 字型,要看网站浏览的客群是否能够正常的浏览 Google Fonts 等服务,以及网页自身大部分的语言字型是否适用于 Google Fonts 所提供的字型而定,才能够找出最适合的方案,以降低网页加载的时间,提升浏览的速度。

二、选择修改的模式

  若是决定好要禁用 WordPress 中的 Google Fonts 外部字型资源,可以选择是要把 Google Fonts 从 WordPress 中移除,或者是要把 Google Fonts 替换成其它的外部字型资源,或者直接下载到本地端来使用。

(一)移除的方式

  若是 WordPress 网站内没有需要用到 Google Fonts 外部字型资源所提供的英文字型,或是不想要让网站多花时间连结外部资源,引入 Gooogle Fonts 感觉起来反而比较慢,同时又不想要使用本地端浪费主机空间资源,亦或者觉得根本不需要 Google Fonts,那么可以选择直接移除。

(二)替换的方式

  如果觉得 WordPress 引入 Google Fonts 会让网页加载的速度变慢,但同时又想要使用 Google Fonts 所提供的字型,那么可以使用替换的方式而免除移除字型,可以选择替换成其它提供外部字型资源的网站,或者直接把 Google Fonts 下载到本地端使用。

三、修改方式的选择

  在决定好是要把 Google Fonts 完整移除或者是替换掉其它资源后,可以依照自己较方便的方式来做相对应的更改。如果懂得如何修改 WordPress 程序代码,那么可以选择直接修改程序代码;如果不太方便更改 WordPress 的程序代码,那么可以选择安装 WordPress 插件,使用外挂来帮助 Google Fonts 的管理。

  不过不论是修改 WordPress 程序代码还是安装插件,都各有利弊,以下将说明个个的优缺点,可以自行选择适合的方式。

(一)修改程序代码

优点

  除非不知道如何修改档案,否则直接修改 WordPress 程序代码可能是最快的方式,因为不需要安装任何的插件,省去掉安装插件的步骤,当然也不必到外挂后台去开启或关闭 Google Fonts 的功能。

  再者,安装 WordPress 插件多少都会增加程序代码的运行、功能变量的引用,所以会降低运行 WordPress 网站的效率,可能会降低速度,不过会降低多少就要看插件的质量、功能和安装的数量而定了。

  所以直接修改程序文件可以免除安装插件的步骤,也是网站运行最有效率的方式,同时也是最直接修改功能的方法。

缺点

  虽然从 WordPress 中删除 Google Fonts 程序代码的步骤很简单和快速,但是只要在 WordPress 自动或手动升级更新后,程序代码又会自动恢复成修改前的样子,除非此后不再更新 WordPress 程序,否则只要在每次更新升级后就要再重新修改一次程序代码,不然在更新过后 WordPress 又会自动加载 Google Fonts 了。

(二)使用插件

优点

  语修改程序代码比起来,对于初学者或不擅长修改程序代码的使用者来说,使用外挂无疑是较简单的方式,只要在 WordPress 后台在线安装好插件并启用就可以正常使用了,非常的方便,而且只要没有把外挂关掉,可以一直持续保有该功效。

缺点

  但由于安装插件,多少都会消耗到网站资源,引起一些效能的问题,而且禁用 Google Fonts 是一个小小的功能而已,会占用外挂后台的显示空间。

参考文献

  1. Wikipedia contributors (2017), “Google Fonts“, Wikipedia.
  2. 360网站卫士团队 (2016),〈网站卫士前端公共库停止运行公告〉,360网站卫士。
  3. Bruno (2014),〈WordPress去除Google字体插件:Remove Google Fonts References〉,Bruno电商技术博客。
  4. Flycan (2017),〈Google Fonts – 中文网络字型推出 5 款免费的中文网页字体〉,【飞肯设计学苑】教学。
  5. max (2016),〈GOOGLE FONTS – 如何为主题新增中文字型〉,麦克斯与沃普雷司。
  6. RAYKUO (2016),〈WordPress 与 Google Web Fonts〉,RAYKUO’S BLOG。
  7. 小名开开作者 (2014),〈去掉 google font 引用,提高 wordpress 打开速度〉,小名开开。
  8. 知乎用户,〈WordPress如何去除google字体?〉,知乎。
  9. 歪脖骇客 (2014),〈禁止WordPress使用谷歌字体的方法〉,WEB 骇客。
  10. 欲思 (2014),〈wordpress后台禁用Google Open Sans字体提高加载速度〉,欲思博客。