WordPress如何优化Google字体

1. 先说说为啥要搞Google字体优化。这玩意儿加载慢啊，尤其国内环境，有时候直接卡住整个站，用户等半天字才出来，真急人。WordPress主题或插件老爱用Google Fonts，默认走fonts.googleapis.com，一请求就拖速度。所以核心思路就俩：要么加速加载，要么换本地托管，省得绕远路。

2. 最简单的招——用系统字体替代。直接关掉Google Fonts，换用户电脑自带的，比如Arial或Helvetica。在主题的functions.php里加段代码，移除字体队列：

function remove_google_fonts() {
    wp_deregister_style('open-sans');
    wp_dequeue_style('open-sans');
}
add_action('wp_enqueue_scripts', 'remove_google_fonts', 999);

这样字体请求就没了，页面嗖嗖快。但缺点嘛，字体效果普通，没那味儿了。

3. 想保留字体样子的，可以本地托管字体文件。先下载.woff2格式的字体（比如从fonts.google.com），上传到WordPress的/wp-content/fonts/文件夹。然后用CSS的@font-face定义：

@font-face {
    font-family: 'Open Sans';
    src: url('/wp-content/fonts/open-sans.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

接着在主题样式表里替换所有font-family引用。这样字体从你服务器拉，省了外部请求，加载稳多了。

4. 如果懒得手动搞，插件来救场。比如用"OMGF | Host Google Fonts Locally"，自动检测并替换字体为本地版本。安装后设置里勾选“优化字体”，一键搞定，适合小白用户。但注意插件别装太多，否则反而拖速度。

5. 最后，别忘了字体加载策略。用rel="preload"提示浏览器优先处理，加在HTML头部或通过函数实现：

function preload_fonts() {
    echo '<link rel="preload" href="/wp-content/fonts/open-sans.woff2" as="font" type="font/woff2" crossorigin>';
}
add_action('wp_head', 'preload_fonts', 1);

这样浏览器早点儿拿到字体，渲染更顺溜。总之，优化Google字体就是个取舍游戏——要速度还是要美观，稍微调调，WordPress站就能快不少。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。