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

问题描述：

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

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

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

1. 把这个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";
   
           
   
             
           
           
           
   
             
   
             AI 代码解读
           
         
         

   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');
    }
   
           
   
             
           
           
           
   
             
   
             AI 代码解读
           
         
         

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