关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

3rew

序言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& subset=latin%2Clatin-ext&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. 程序执行完成，这时候可以去体验下顺畅的效果（一键解决前台、后台谷歌字体问题）
脚本下载网盘版：http://pan.baidu.com/s/1sjtwPYl
运行截图顶部的notice提醒可无视
小结如果是win系统的主机可能访问脚本的时候会出现警告报错，直接或略即可。上图中用红框框起来的部分就是该脚本扫描过的文件的文件名列表，YES和NO表示该文件是否查询到符合规定的字符。（PS：该脚本还可以用来扫描黑链以及恶意代码。）（感谢v7v3.com提供的脚本）
四、使用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响应”。如果此时发现在某个响应等待时间过长（一般是外站资源，如头像、字体），那这个就是一个拖慢速度的原因。
2. 查看网络请求F12或右键“审查元素”进入开发者模式，选择“Network”，F5刷新页面，查看战情的网络请求。等待完全加载后，查看所有的请求，红色部分为访问出错，未请求到资源，同时可以再该项的Time看到请求到出结果所花费的时间。如果时间过长，也是一个拖慢站点访问速度的原因。 $X1YGAO0}EX” width=”814″ height=”44″ /> [url=>[/url]
Chrome开发者工具3. 定位根源根据上面的介绍，找到访问过慢的请求，点击查看详细内容。如出现谷歌字体加载问题，如请求URL为http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1。 此时开发者面板切换到Elements页面，CTRL+F搜索“Google”或者其他关键字，可在代码中定位这个请求的位置。 4. 文件定位上面是找到了原因，但是可能代码并不是在header.php或者index.php里面。那就需要使用编辑器搜索了，在主题中搜索。如使用sublime编辑器，将主题文件夹拖拽到编辑器中，在项目右键“Find in Folder”，输入关键字，即可在多文件中定位代码位置。找到代码后，注释相关代码即可。如： 如找到并注释代码（functions.php），可解决出现http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1请求的问题

1	//wp_enqueue_style( 'google-font', 'http://fonts.googleapis.com/css?family='.$all_font );

注释以下代码（html5lightbox.js）可解决出现http://fonts.googleapis.com/css?family=Armata请求的问题

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

如果感觉速度不够快，那就进行更多的优化比如CDN加速、缓存、服务器等等优化吧