一直加载“fonts.googleapis.com”的解决办法

抖音业务广告图

最近国内对google又开始了新一轮的屏蔽,很多wordpress用户发现一个现象,那就是网站前台和后台打开都非常慢,仔细观察,会发现每次都是加载fonts.googleapis.com时卡在这里。那这个是什么原因呢?又该如何解决呢?

代明博客也遇到了同样的问题,试过好几种方法,最终的解决方法是修改一部分css和php,并且注释掉fonts.googleapis.com有关的内容。下面分别为大家说明。

首先看如何解决一直加载“fonts.googleapis.com”

第一步,新建google-font.css 放在\wp-includes\css目录中(附该css文件的内容如下):

@font-face {
  font-family: ‘Open Sans’;
  font-style: normal;
  font-weight: 300;
  src: local(‘Open Sans Light’), local(‘OpenSans-Light’), url(../fonts/google/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’);
}
@font-face {
  font-family: ‘Open Sans’;
  font-style: normal;
  font-weight: 400;
  src: local(‘Open Sans’), local(‘OpenSans’), url(../fonts/google/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(../fonts/google/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(../fonts/google/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(../fonts/google/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(../fonts/google/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format(‘woff’);
}

第二步,修改 \wp-includes\script-loader.php 文件,找到:

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

替换成:

$open_sans_font_url = “/wp-includes/css/google-font.css”;

第三步,在WordPress模板文件中找到functions.php,使用“//”注释掉引用google字体库部分即可。这里根据每个模板的不同而有所差异,代明博客的是下面这里:

function govpress_fonts() {
    // Add Genericons font, used in the main stylesheet.
    // wp_enqueue_style( ‘fontawesome’, get_template_directory_uri() . ‘/fonts/font-awesome/font-awesome.css’, array(), ‘4.0.3’ );
    // wp_register_style( ‘govpress-open-sans’, ‘//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300’, ”, null, ‘screen’ );
        // wp_enqueue_style( ‘govpress-open-sans’ );

OK,现在是不是没有加载fonts.googleapis.com了呢?问题解决了。

那么出现这个的原因是什么呢

究其原因,就是最近Google https服务被屏蔽,部分网站会受影响。博客主题中引用了google字体库(fonts.googleapis.com)中的字体,导致网站打开速度超级慢,在国内使用google提供的大多少网络服务都比较慢,建议最好不要使用。

About 狂明小妖

代明,网名“狂明小妖”,代明博客博主。

2 thoughts on “一直加载“fonts.googleapis.com”的解决办法

发表评论

电子邮件地址不会被公开。 必填项已用*标注