wordpress大概从wp-3.8开始会自动加载Open Sans字体，并引用Google上面的CSS样式。而最近谷歌经常打不开，导致网站访问速度过慢，严重的会拖慢几十秒。Open Sans字体主要用于WP站点管理员登陆后顶部功能条的字体样式，而对于国内用户来说，Google会出现经常打不开或者访问速度过慢的情况，所以会拖延站点的打开速度。当然，如果没有登录后台直接访问站点，不会出现加载字体的问题。 通过观察代码可以看到，WP是这样加载字体的，在script-loader.php（wp-3.9）的580行代码进行加载。

1
2
3

<link rel="stylesheet" id="open-sans-css" href="//fonts.googleapis.com/css?
family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&amp;
subset=latin%2Clatin-ext&amp;ver=3.9.1" type="text/css" media="all">

那该怎么去掉呢？方法主要有4个：插件过滤、functions.php过滤、一键替换程序代码、GoAgent翻墙

一、插件过滤

简介

为此有专门的插件来去除字体加载。此方法在前台和后台均有效。

1. 插件一

名称：Remove Open Sans font Link from WP core

地址：http://wordpress.org/plugins/remove-open-sans-font-from-wp-core/

简介：移除WP核心的谷歌字体链接.。 Installs ‘Remove Open Sans font Link from WP core’ plugin on your wordpress blog, so it will doesn’t load Open Sans font from Google fonts.

2. 插件二

名称：Disable Google Fonts

地址：http://wordpress.org/plugins/disable-google-fonts/

简介：另一个类似的插件

二、functions.php过滤

简介

在主题中的functions.php文件末尾加上一下代码之一即可。此方法仅在前台有效，在后台界面无效，因为仅修改主题代码。

1. 代码一

1
2
3
4
5
6
7
8
9
10
11

// 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 );
    }
    add_action('wp_enqueue_scripts', 'remove_wp_open_sans');

    // Uncomment below to remove from admin
    // add_action('admin_enqueue_scripts', 'remove_wp_open_sans');
endif;

2. 代码二

1
2
3
4
5
6

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' );

三、一键替换程序代码

简介

此脚本不仅可以解决wordpress因谷歌cdn资源造成网站加载缓慢的问题，而且只要是支持php的空间也可以解决任何建站程序因为谷歌cdn资源引起的加载缓慢的问题。

使用方法

1. 将下载好的php脚本（PS：脚本作用将程序引入的谷歌字体以及其他谷歌cdn资源替换成360资源）上传至网站根目录。 2. 成功上传文件后直接用浏览器访问该文件，并且点击开始执行操作。 3. 程序执行完成，这时候可以去体验下顺畅的效果（一键解决前台、后台谷歌字体问题）

脚本下载

网盘版：https://pan.baidu.com/s/1sjtwPYl

小结

如果是win系统的主机可能访问脚本的时候会出现警告报错，直接或略即可。上图中用红框框起来的部分就是该脚本扫描过的文件的文件名列表，YES和NO表示该文件是否查询到符合规定的字符。（PS：该脚本还可以用来扫描黑链以及恶意代码。）

四、使用GoAgent

如果你在使用GoAgent系统代理，可以在SwitchySharp或者AutoProxy选项里添加切换规则：

规则名称：google-fonts

URL 模式：*://.googleusercontent.com/

情景模式：GoAgent

字体

Open Sans字体挺好看的，如果是用国外的主题并且用上这个字体，或者是想保留，可以在本地安装该字体。将压缩包里面的文件拷贝到C盘fonts文件夹即可完成安装。

下载地址：http://xuanfengge.com/demo/201406/Open-Sans.zip

效果预览：http://www.google.com/fonts/specimen/Open+Sans

分析原因

由于最近谷歌被强，很难打开，导致站点在引用谷歌上的资源，如字体、jquery等文件时，会出现严重超时的情况，最终导致站点打开速度极慢。这个可能是其中的一个原因，但具体是什么，又如何找出根源呢？下面来简单分析下（Chrome浏览器下）

1. 查看网络连接

站点在未完全打开的情况下，Chrome的左下角会显示网络请求的状态，如“正在解析主机”、“正在等待tieba.baidu.com响应”。如果此时发现在某个响应等待时间过长（一般是外站资源，如头像、字体），那这个就是一个拖慢速度的原因。 sdfsdfsd

2. 查看网络请求

F12或右键“审查元素”进入开发者模式，选择“Network”，F5刷新页面，查看战情的网络请求。等待完全加载后，查看所有的请求，红色部分为访问出错，未请求到资源，同时可以再该项的Time看到请求到出结果所花费的时间。如果时间过长，也是一个拖慢站点访问速度的原因。 W{$]}Y1LE5I$X1YGAO0}EX” width=”814″ height=”44″ /> W)R7″ width=”1351″ height=”344″ />

1
2
3
4
5
6

// var fontRef = ("https:" == document.location.protocol ? "https" : "http") + "://fonts.googleapis.com/css?family=Armata";
// var fontLink = document.createElement("link");
// fontLink.setAttribute("rel", "stylesheet");
// fontLink.setAttribute("type", "text/css");
// fontLink.setAttribute("href", fontRef);
// document.getElementsByTagName("head")[0].appendChild(fontLink);