WordPress 主题的外部资源规则
一直以来，w.org/themes 上的存储托管主题，一直不允许使用第三方资源，包括第三方的图片，JavaScript 脚本文件，CSS 样式文件，网络字体以及其他资源。
但是这条规则的唯一的例外就是 Google 字体，因为当时没有可靠的方法来实现本地托管的网络字体，而排版又是主题设计中的一个重要组成部分。但是由于 GDPR 和隐私方面以及之前的案例的影响，Google 字体不再被视为本指南的例外。
如何本地托管的 Google 字体
WordPress 官方主题团队在很早之前就在 Github 发布了一段脚本教大家如何本地托管 Google 网络字体。
假如你原来是通过下面的代码加载样式和 Google 网络字体的：
function my_theme_enqueue_assets() {// 加载主题样式wp_enqueue_style('my-theme',get_stylesheet_directory_uri() . '/style.css',array(),'1.0');// 加载网络字体wp_enqueue_style('literata','https://fonts.googleapis.com/css22?family=Literata&display=swap',array(),'1.0');}add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_assets' );
下载 WordPress 官方主题团队提供的脚本，https://github.com/WPTT/webfont-loader，放到当前主题的 inc/webfont-loader 目录下，然后在上面函数开头，加入加载这段脚本的代码，并且在 Goole 远程字体地址上使用 wptt_get_webfont_styles 函数。
function my_theme_enqueue_assets() {// 加载处理文件require_once get_theme_file_path( 'inc/wptt-webfont-loader.php' );// 加载主题样式wp_enqueue_style('my-theme',get_stylesheet_directory_uri() . '/style.css',array(),'1.0');// 加载网络字体wp_add_inline_style('my-theme',wptt_get_webfont_styles( 'https://fonts.googleapis.com/css2?family=Literata&display=swap' ));}add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_assets' );
这样就可以在本地托管 Google 网络字体了。
