问题描述:
可以从上图中看出,加载css?family=Open...一共用时35.36s之久,最终还是加载失败
进入这个url:
发现是fonts.googleapis.com链接,由于国内对google的限制问题,大概明白了问题所在
这里的解决方法共分为4步:
- 把这个css文件下载到本地,并命名为google-font.css文件,放置在根目录下的/wp-includes/fonts/google-font/google-font.css
- 打开google-font.css一看,里面包含了大概包含了四种字体文件,分别下载下来
字体文件放置在根目录/wp-includes/fonts/google-font文件夹下面
所以需要把google-font.css中的字体链接修改为读取本地
大致的样子如下:
3.在根目录下找到的/wp-includes/script-loader.php文件,(大概在1500行前后)修改
4.在根目录下wp-content/themes找到所使用主题的根目录下的function.php文件(大概在255行前后)修改//$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";
文中所需文件:https://yafengliang.lanzout.com/i59ac0k9jele 密码:98yq// 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'); }