最近很多google的服务又在大陆地区受限了,原因不做过多讨论。屏蔽这些服务不仅仅意味着gmail,谷歌学术等方便的工具使用受到限制,更意味着很多寄托于google的web服务无法使用。wordpress很多的主题都使用了google上的字体文件、css文件、js文件等,屏蔽之后访问速度会奇慢无比甚至无法打开。

我这个博客主题也和很多wordpress主题一样使用了google fonts。一般不是登陆状态时候看不出什么异常,而如果处于登陆状态,并不通过缓存加载页面时(即使用ctrl+f5),会发现fonts.gstatic.com服务器根本无法连上。也就是说其实这个问题对一般访客没有任何影响,且不是很容易被发现。但既然发现了我们就要解决掉它。

解决方法:

一、将文件下载到本地

1.下载对应的css。这一步可以通过chrome、firefox等提供的审查元素功能。切换到网络(network)页面,找到无法访问的那个链接。比如我这里的是http://fonts.gstatic.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.9,通过发送请求或者多次尝试浏览器打开之后,把里面的css内容复制到本地。

2.在下载的css文件中,批量查找出所有引用的字体文件的链接,比如:

@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fontstatic.useso.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fontstatic.useso.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fontstatic.useso.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://fontstatic.useso.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fontstatic.useso.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fontstatic.useso.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff'); }

可以直接通过正则匹配:https://fonts.gstatic.*?.woff 找到所有的链接,然后批量下载(可以用迅雷或者其他下载工具),存储到本地服务器中。

3.把上面css里的woff字体文件的路径,修改成刚才保存的路径。

4.找到wp-includes 里面的 script-loader.php 有一行:

$open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

把里面的链接修改为本地存储的css的链接,即可正常访问了。

这种方法的好处是不再依赖外部链接,但缺点是如果更新主题、或者更新wordpress可能会导致访问失效。

二、借助360 前端公共库

首先上链接: http://libs.useso.com/ 里面缓存了Google的前端公共库和免费字体库,不得不说,虽然是360做的东西,但确实很给力,收录全,访问速度快且稳定,点个赞吧。

这下就非常方便了,只需要执行方法1的第4步,把fonts.googleapis.com 换成 fonts.useco.com就大功告成了。

当然,如果在第一步始终无法访问页面,可以通过这里访问进入,再复制到本地。

解决fonts.gstatic.com无法访问相关推荐

  1. 解决wordpress国外主题的fonts.gstatic.com无法访问

    使用360常用前端公共库 http://libs.useso.com/ 这里缓存了Google前端公共库和免费字体库. 编辑 wordpress/wp-includes/script-loader.p ...

  2. 成功解决PermissionError: [WinError 5] 拒绝访问 \lib\\site-packages\\h5py\\_errors.cp38-win_amd64.pyd‘

    成功解决PermissionError: [WinError 5] 拒绝访问.: 'e:\\programdata\\anaconda3\\lib\\site-packages\\h5py\\_err ...

  3. 史上最详细Docker安装最新版Minio 带详解 绝对值得收藏!!! 让我们一起学会使用minio搭建属于自己的文件服务器!!走上白嫖之路!解决启动了但是浏览器访问不了的原因

    让我们一起学会使用minio搭建属于自己的文件服务器!!走上白嫖之路! WARNING: Console endpoint is listening on a dynamic port (34451) ...

  4. vb跨域访问ajax,解决AJAX的跨域访问-两种有效示例

    这篇文章主要为大家详细介绍了解决AJAX的跨域访问-两种有效示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小玲来看看吧!新的W3C策略实现了HTTP跨域访问,还 ...

  5. 解决Weblogic 本机可以访问控制台,网络IP访问不了

    解决Weblogic 本机可以访问控制台,网络IP访问不了 解决方法: 英文版: 1.通过 http://localhost:7001/console/ 登录WebLogic的管理控制台 Lock & ...

  6. Java多线程学习三十一:ThreadLocal 是用来解决共享资源的多线程访问的问题吗?

    ThreadLocal 是不是用来解决共享资源的多线程访问的. 这是一个常见的面试问题,如果被问到了 ThreadLocal,则有可能在你介绍完它的作用.注意点等内容之后,再问你:ThreadLoca ...

  7. 本地主机作服务器解决AJAX跨域请求访问数据的方法

    本地主机作服务器解决AJAX跨域请求访问数据的方法 参考文章: (1)本地主机作服务器解决AJAX跨域请求访问数据的方法 (2)https://www.cnblogs.com/QiScript/p/5 ...

  8. [Linux] 解决virtualbox共享文件夹没有访问权限的问题

    [Linux] 解决virtualbox共享文件夹没有访问权限的问题 参考文章: (1)[Linux] 解决virtualbox共享文件夹没有访问权限的问题 (2)https://www.cnblog ...

  9. react-router的BrowserHistory 和 HashHistory 的区别,如何解决使用BrowserHistory 引起的访问路径问题

    react-router的BrowserHistory 和 HashHistory 的区别,如何解决使用BrowserHistory 引起的访问路径问题 参考文章: (1)react-router的B ...

最新文章

  1. libpython3.7m.so.1.0: cannot open shared object file: No such file or directory
  2. 准确率,召回率,F值,ROC,AUC
  3. TriggerMesh开源用于多云环境的Knative Event Sources
  4. IDisposable 接口介绍
  5. Win11系统如何隐藏快速搜索
  6. 简单使用AutoMapper实现DTO转换
  7. 手机电子词典_网易有道入局,「智能化」能拯救电子词典这个「老古董」吗?...
  8. ACM PKU 1251 Jungle Roads http://poj.org/problem?id=1251
  9. CUDA环境变量添加
  10. [源码和报告分享]基于Android-JavaEE-DB2实现的旧物交易平台
  11. Amos中介效应检验
  12. 网页游戏对java的技术要求_网页制作谈谈什么技术是Java开发网页游戏的必要条件呢?怎样在微信公众平台上制作5级游戏?...
  13. man 1;man2 ;man 3区别
  14. 【科软课程-信息安全】Lab13 Packet Sniffing and Spoofing
  15. 电脑录屏软件帧率设置详解
  16. 京东实习生招聘面试小记
  17. card样式 layui_layui后台模板
  18. 一文详解工业视觉中的光源及应用
  19. 从零入门开源框架---若依(前后端分离版)
  20. 自定义导航栏 UINavigationBar

热门文章

  1. javascript中元素的scrollLeft和scrollTop属性说明
  2. UITextField 控件详解 我见过的史上最牛x的
  3. RFID13.56MHz模拟门禁(相关软件、驱动下载和使用教程已放在参考文献)
  4. java中的或运算_java中的(或运算,异或运算,与运算)
  5. meta标签no-referrer处理图片跨域和百度统计失效问题
  6. 阿里-中间件团队博客
  7. WordPress主题开发教程:一个基主题的基础文件
  8. OpenJDK:构建JDK
  9. installshield 安装mysql数据库_Installshield2010 实现web部署和数据库安装示例 - 邀月周记 - CS......
  10. 嵌入式系统学习整理-oneday-什么是嵌入式