wordpress页面加载本地url谷歌字体报错

最近安装的wp主题默认使用了google字体,页面显示虽然正常,但存在两个问题。

问题1:网页加载速度明显变慢,最快的时候也需要三秒钟才能渲染出内容。

问题2:浏览器控制台提示有4个资源加载失败,报错信息大概是加载C:\\server\\wordpress/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff等字体文件时被禁止访问,状态是blocked:other。

其实第二个报错的问题本身很好理解,这里出现了字体文件的加载地址,但它竟然不是服务端的地址,而是本地C盘路径下的一个地址。基于安全考虑,这种地址一般都会被浏览器拒绝访问的。

至于为什么dom源代码中会出现这个地址,最后也没有找到原因。不过还是找到了暂时的解决办法:直接修改数据库内容

打开wp数据库wp_options配置表,对option_value字段进行“fonts”关键字搜索,如下图

被圈的三条数据的option_value字段就是需要修改的,因为这三条数据的option_value中包含谷歌的地址https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff,还有上面报错的C盘访问地址C:\\server\\wordpress/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff,第一条数据内容如下

a:2:{s:90:”https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff”;a:3:{s:4:”file”;s:92:”C:\\server\\wordpress/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff”;s:3:”url”;s:94:”https://www.hymng.com/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff”;s:4:”type”;s:0:””;}s:62:”https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5g.woff”;a:3:{s:4:”file”;s:68:”C:\\server\\wordpress/wp-content/uploads/fonts/KFOmCnqEu92Fr1Me5g.woff”;s:3:”url”;s:70:”https://www.hymng.com/wp-content/uploads/fonts/KFOmCnqEu92Fr1Me5g.woff”;s:4:”type”;s:0:””;}}

所以现在只需要将这三条数据中所有的谷歌地址和本地地址都改为网站的域名地址即可,第一条数据修改后的内容如下

a:2:{s:90:”https://www.hymng.com/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff”;a:3:{s:4:”file”;s:92:”https://www.hymng.com/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff”;s:3:”url”;s:94:”https://www.hymng.com/wp-content/uploads/fonts/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQA.woff”;s:4:”type”;s:0:””;}s:62:”https://www.hymng.com/wp-content/uploads/fonts/KFOmCnqEu92Fr1Me5g.woff”;a:3:{s:4:”file”;s:68:”https://www.hymng.com/wp-content/uploads/fonts/KFOmCnqEu92Fr1Me5g.woff”;s:3:”url”;s:70:”https://www.hymng.com/wp-content/uploads/fonts/KFOmCnqEu92Fr1Me5g.woff”;s:4:”type”;s:0:””;}}

另外两条数据就不粘贴了,修改方法都是一样的。

三条数据都改好以后,可以用浏览器刷新或重新访问一下站点进行验证。

由于对wp中的php代码欠缺研究,目前无法从源码上解决此问题,不确定在wp后台重新配置主题会不会导致此问题复现。

0 0 vote
Article Rating
guest
2 评论
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
青山1
1 月 之前

居然没用你自己开发的程序了