本文共821个字,1张图片,预计阅读时间2分钟。

这几天微饭君在修改一个新主题,进行到优化项的时候发现hade部分加载了一个谷歌字体,费了一番功夫发现居然来自于框架里面...

定位问题

检查网页源码发现head区域除了本地内容的JS和CSS外还有段Google fonts引用。

<link rel='stylesheet' id='redux-google-fonts' href='http://fonts.googleapis.com/css?family=Roboto%3A100%2C300%2C400%2C500%2C700%2C900%2C100italic%2C300italic%2C400italic%2C500italic%2C700italic%2C900italic&#038;ver=1602256932' type='text/css' media='all' />

判断问题

检查了主题文件的functions.php及header.php文件皆未发现该段代码,判断应该为其他文件引用。

通过id里面的关键词:redux发现是主题使用的REDUX设置框架,遂通过搜索引擎发现有Google设置字段。

在微饭君使用的主题中,他的名字叫做:options-config.php,如果有相同问题的可以参考该名称进行寻找。

//'disable_google_fonts_link' => true,                    // Disable this in case you want to create your own google fonts loader

该段设置的意思是:屏蔽掉redux自带的Google字体引用,不用或者自行定义。

问题很简单。

解决问题

将options-config.php(主题不一样,框架的设置文件名称不一样,请灵活运用)里面的注释“//”删除掉即可。

'disable_google_fonts_link' => true,

自此,主题里面的Google fonts字体引用已被移除,不再拖慢国内访问速度,可进行下一步优化。

 

WordPress主题框架REDUX禁止加载Google字体的解决方案-海报

微信扫一扫,分享到朋友圈

WordPress主题框架REDUX禁止加载Google字体的解决方案
返回顶部