解决 WordPress 加载 fonts.googleapis.com 打开过慢的问题

最近google的服务抽风了,开始发现打开速度特别慢,以为是VPS出问题,把一年没关过机的VPS重启了下,结果还是卡。就发现下面一直 fonts.googleapis.com加载中,一直加载谷歌的字体,解决方法把字体禁止或换成本地,有的主题的google的jquery库可以换成百度的,Google https服务被屏蔽 本地替换教程 新建google-font.css 放在wp-includescss目录中(附该css文件的内容如下)

 

  1. @font-face {
  2.   font-family: 'Open Sans';
  3.   font-style: normal;
  4.   font-weight: 300;
  5.   src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/google/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
  6. }
  7. @font-face {
  8.   font-family: 'Open Sans';
  9.   font-style: normal;
  10.   font-weight: 400;
  11.   src: local('Open Sans'), local('OpenSans'), url(../fonts/google/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  12. }
  13. @font-face {
  14.   font-family: 'Open Sans';
  15.   font-style: normal;
  16.   font-weight: 600;
  17.   src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/google/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
  18. }
  19. @font-face {
  20.   font-family: 'Open Sans';
  21.   font-style: italic;
  22.   font-weight: 300;
  23.   src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/google/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
  24. }
  25. @font-face {
  26.   font-family: 'Open Sans';
  27.   font-style: italic;
  28.   font-weight: 400;
  29.   src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/google/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
  30. }
  31. @font-face {
  32.   font-family: 'Open Sans';
  33.   font-style: italic;
  34.   font-weight: 600;
  35.   src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/google/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');
  36. }

修改 wp-includesscript-loader.php 文件,找到

  1. $open_sans_font_url = "//fonts.lug.ustc.edu.cn/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

替换成

  1. $open_sans_font_url = "/wp-includes/css/google-font.css";

禁止教程 在wp的后台插件里面搜索安装Disable Google Fonts这款插件后启用即可,如果不想安装插件,也可以使用代码版,在主题的functions.php里面加入下面的代码:

  1. //禁用Open Sans
  2. class Disable_Google_Fonts {
  3. public function __construct() {
  4. add_filter( 'gettext_with_context', array$this, 'disable_open_sans' ), 888, 4 );
  5. }
  6. public function disable_open_sans( $translations$text$context$domain ) {
  7. if ( 'Open Sans font: on or off' == $context && 'on' == $text ) {
  8. $translations = 'off';
  9. }
  10. return $translations;
  11. }
  12. }
  13. $disable_google_fonts = new Disable_Google_Fonts;

或者这段:(本站一直使用的这段,效果很好!)

  1. //禁用谷歌字体
  2. function coolwp_remove_open_sans_from_wp_core() {
  3. wp_deregister_style( 'open-sans' );
  4. wp_register_style( 'open-sans', false );
  5. wp_enqueue_style('open-sans','');}
  6. add_action( 'init', 'coolwp_remove_open_sans_from_wp_core' );

替换成360字体库(推荐) 在主题的functions.php里面加入下面的代码:

  1. //替换字体
  2. function wpdx_replace_open_sans() {
  3.   wp_deregister_style('open-sans');
  4.   wp_register_style( 'open-sans', '//fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600' );
  5.   if(is_admin()) wp_enqueue_style( 'open-sans');
  6. }
  7. add_action( 'init', 'wpdx_replace_open_sans' );