Lingonberry 主题关于 Google Fonts 的折腾笔记

因为 Lingonberry 主题是国外的主题,所以原主题在字体的设置上采用的是 Google Fonts(http://fonts.googleapis.com),而我们在国内使用这款主题,没有了 Google Fonts 的支持,网站的加载速度被无限延长,直接导致页面打开时间增加。

因为 Google Fonts 被墙,众多网友也提出了一些解决方法,大概分为三种:

  • 方法一:【插件】禁止 WordPress 后台加载 Google Fonts
  • 方法二:【代码】直接在 functions.php 文件添加代码
  • 方法三:【代码】替换 Google Fonts 字体的加载源(例如:360的CDN等)

我也尝试使用了这三个方法,各有千秋。有的方法在升级主题后就会失效、有的方法会因为加载源的原因导致加载变慢。这些小毛病也会根据主题的不同而不同,在这里我主要针对的是 Lingonberry 主题。有需要的朋友可以自行百度、必应一下。

为了能够提升页面打开速度,我也瞎折腾了一番,下面便是我的折腾笔记。


为了以防万一,我先在 Lingonberry 主题的
functions.php 文件中添加了如下代码,后台禁用了 Google Fonts

//禁用Open Sans
add_filter( 'gettext_with_context', 'wpdx_disable_open_sans', 888, 4 );
function wpdx_disable_open_sans( $translations, $text, $context, $domain ) {
  if ( 'Open Sans font: on or off' == $context && 'on' == $text ) {
$translations = 'off';
  }
  return $translations;
}

然后继续在 functions.php 文件中查找:

wp_register_style('lingonberry_googleFonts', 'http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Raleway:600,500,400' );

找到以后直接注释掉这段代码(记得备份原文件),functions.php 的修改结束了。


接下来在 Lingonberry 主题的 style.css 文件内将所有的 font-family 内容替换成

font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Zen Hei","WenQuanYi Micro Hei","Noto Sans CJK SC","Source Han Sans CN",SimSun,sans-serif;

不再使用原来的字体。

因为之前建立过 Lingonberry 主题的子主题,大家也可以把这段 font-family 的CSS 添加到子主题的 style.css 内,或者直接在子主题的 style.css 内重新编写替换父主题中涉及到 font-family 字体的 CSS 内容。(记得备份原文件)


OK,搞定了,上传修改好的 function.phpstyle.css,刷新看看,是不是快了点?如果你使用了静态缓存插件,那就更新任意一篇文章再刷新看看。


这里提供的方法只针对于 Lingonberry 主题,不过思路应该是可以兼容其他主题的,感兴趣而且喜欢折腾的童鞋可以在有加载 Google Fonts 的其他主题下尝试看看。

好了,这篇《Lingonberry 主题关于 Google Fonts 的修改笔记》也就结束了,晚安。

你可能感兴趣的:(Lingonberry 主题关于 Google Fonts 的折腾笔记)