处理Wordpress中加载font.googleapis.com访问速度慢解决方案

问题描述：

可以从上图中看出，加载css?family=Open...一共用时35.36s之久,最终还是加载失败
进入这个url：

发现是fonts.googleapis.com链接，由于国内对google的限制问题，大概明白了问题所在

这里的解决方法共分为4步：

1. 把这个https://fonts.googleapis.com/css?family=Open...的css文件下载到本地，并命名为google-font.css文件，放置在根目录下的/wp-includes/fonts/google-font/google-font.css
2. 打开google-font.css一看，里面包含了大概包含了四种字体文件，分别下载下来

字体文件放置在根目录/wp-includes/fonts/google-font文件夹下面
所以需要把google-font.css中的字体链接修改为读取本地
大致的样子如下：

3.在根目录下找到的/wp-includes/script-loader.php文件，（大概在1500行前后）修改

//$open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets&display=fallback";
$open_sans_font_url = "/wp-includes/css/google-font.css";

4.在根目录下wp-content/themes找到所使用主题的根目录下的function.php文件（大概在255行前后）修改

    // if ($fonts) {
    //     $fonts_url = add_query_arg(array(
    //         'family' => urlencode(implode('|', $fonts)),
    //         'subset' => urlencode($subsets),
    //         'display' => 'swap'
    //             ), '//fonts.googleapis.com/css');
    // }
    if ($fonts) {
        $fonts_url = add_query_arg(array(
            'family' => urlencode(implode('|', $fonts)),
            'subset' => urlencode($subsets),
            'display' => 'swap'
                ), '/wp-includes/css/google-font.css');
    }

文中所需文件：https://yafengliang.lanzout.com/i59ac0k9jele 密码:98yq