Changeset 52222 for trunk/src/wp-content/themes/twentytwentytwo/functions.php

Timestamp:

11/19/2021 08:12:44 PM (3 years ago)

Author:

jffng

Message:

Twenty Twenty-Two: Sync updates from GitHub.

This commit syncs several changes for the default theme from its active development repository to core.

This is a follow up to [52081], [52107], and [52164]. It includes improvements to the home page template, adding a filter for block patterns, pre-loading the web font, improvements and bug fixes to block patterns, and more. For a full list of changes, visit ​https://github.com/WordPress/twentytwentytwo/compare/e4f69d0b7ed93f73b33c5991430618d01b0e3cac...25d74deaa57ba49b5a64a8569e6dd9ebadbfb23c.

Props jeffpaul, richtabor, netweb, luminuu, melchoyce, beafealho, clucasrowlands, desrosj, flixos90, joen, otto42, saju4wordpress, westonruter, kjellr, poena.
See #54318.

File:

• trunk/src/wp-content/themes/twentytwentytwo/functions.php (modified) (3 diffs)

trunk/src/wp-content/themes/twentytwentytwo/functions.php

@@ -104 +104 @@
             font-style: normal;
             font-stretch: normal;
+            font-display: swap;
             src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) . "') format('woff2');
         }
@@ -112 +113 @@
             font-style: italic;
             font-stretch: normal;
+            font-display: swap;
             src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Italic.ttf.woff2' ) . "') format('woff2');
         }
@@ -120 +122 @@
 endif;
 
+if ( ! function_exists( 'twentytwentytwo_preload_webfonts' ) ) :
+
+    /**
+     * Preloads the main web font to improve performance.
+     *
+     * Only the main web font (font-style: normal) is preloaded here since that font is always relevant (e.g. it used
+     * on every heading). The other font is only needed if there is any applicable content in italic style, and
+     * therefore preloading it would in most cases regress performance when that font would otherwise not be loaded at
+     * all.
+     *
+     * @since Twenty Twenty-Two 1.0
+     *
+     * @return void
+     */
+    function twentytwentytwo_preload_webfonts() {
+        ?>
+        <link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
+        <?php
+    }
+
+endif;
+
+add_action( 'wp_head', 'twentytwentytwo_preload_webfonts' );
+
 // Add block patterns
 require get_template_directory() . '/inc/block-patterns.php';