WordPress - Google Fonts 问题

由于 WordPress大部分的主题都是使用Google的在线字体方案:Google Fonts.
Google服务不稳定,导致大量独立博客字体加载不出来,直接导致博客打开速度变慢,严重时甚至导致网站打不开.

解决方案1:

  • 编辑 WordPress 中的文件 wp-includes/script-loader.php 文件;
  • 查找 fonts.googleapis.com 所在行代码(大概 963 行):
// Hotlink Open Sans, for now
$open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";
  • 替换 fonts.googleapis.com 为 fonts.useso.com;或者直接屏蔽该行:
// Hotlink Open Sans, for now
// $open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";
  • 修改完保存,再次刷新,可以发现,网站速度已经比以前快了很多,几乎瞬间就可以拿到Google字体. 本来需要从美国服务器才能拿到的 google 字体,现在已经遍布360全国的机房.

解决方案2:
直接在当前主题的 functions.php 文件加入以下代码:

// WordPress后台禁用谷歌的字体api
class Disable_Google_Fonts {
    public function __construct() {
        add_filter( 'gettext_with_context', array( $this, 'disable_open_sans' ), 888, 4 );
}
public function disable_open_sans( $translations, $text, $context, $domain ) {
    if ( 'Open Sans font: on or off' == $context && 'on' == $text ) {
        $translations = 'off';
    }
    return $translations;
}
}
$disable_google_fonts = new Disable_Google_Fonts;

或者在 function.php 文件中添加如下代码:

// Remove Open Sans
function remove_open_sans() {
    wp_deregister_style('open-sans');
    wp_register_style('open-sans', false);
    wp_enqueue_style('open-sans', ' ')
}
add_action('init', 'remove_open_sans')

解决方案3:
Disable Google Fonts 插件

zh_cn-adobefonts_external是指Adobe Fonts(前身为Typekit)的外部使用。Adobe Fonts是由Adobe公司提供的云端字体服务,用户可以通过订阅或采购Adobe Creative Cloud 服务获得使用权限。 通过zh_cn-adobefonts_external,用户可以在自己的网站、应用程序或其他设计项目中使用Adobe Fonts字体库。使用外部字体可以帮助用户实现更加个性化的设计效果,并且提高用户对网站或应用的视觉体验。 在使用zh_cn-adobefonts_external之前,用户需要进行一些配置和设置。首先,用户需要在其项目中引入Adobe Fonts的外部引用链接或代码片段。这个链接或代码片段是通过Adobe Fonts的网站或开发者平台生成的。用户可以根据自己的需要选择字体、字体样式和权重,并生成相应的链接或代码。 接下来,用户需要将生成的链接或代码粘贴到自己的项目中的合适位置。这样,用户的项目就可以加载并使用Adobe Fonts提供的字体了。用户可以在CSS样式表中指定相应字体的属性,例如字体名称、字体大小、颜色等。这样,在用户访问项目时,他们的浏览器会从Adobe Fonts的服务器上下载和加载字体,从而在项目中应用相应字体的效果。 通过使用zh_cn-adobefonts_external,用户可以获得更多的字体选择、更高的设计自由度,同时也提高了呈现效果的稳定性和一致性。用户还可以在Adobe Fonts的网站上浏览和管理自己的字体库,添加或删除所需的字体。 总之,zh_cn-adobefonts_external是一种使用Adobe Fonts字体库的外部方式,可以帮助用户在自己的设计项目中实现更加丰富、个性化的字体效果。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值