Changeset 53286 for trunk/src/wp-content/themes/twentytwentytwo/theme.json

Timestamp:

04/26/2022 03:25:01 PM (2 years ago)

Author:

jffng

Message:

Twenty Twenty-Two: Add three style variations.

This commit adds three style variations to Twenty Twenty-Two, allowing users to quickly swap between different visual styles — "Blue", "Pink", and "Swiss" — for the default theme. The variations are previewed and selected from the Site Editor's global styles panel.

For the implementation, each variation is defined by its own theme.json file within the "/styles" directory of the theme. All variations leverage the internal-only theme.json handler of the Webfonts API [53282] to load locally hosted fonts.

Props kjellr, hellofromtonya.
See #55433.

File:

• trunk/src/wp-content/themes/twentytwentytwo/theme.json (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwentytwo/theme.json

@@ -179 +179 @@
                     "fontFamily": "\"Source Serif Pro\", serif",
                     "name": "Source Serif Pro",
-                    "slug": "source-serif-pro"
+                    "slug": "source-serif-pro",
+                    "fontFace": [
+                        {
+                            "fontFamily": "Source Serif Pro",
+                            "fontWeight": "200 900",
+                            "fontStyle": "normal",
+                            "fontStretch": "normal",
+                            "src": [ "file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2" ]
+                        },
+                        {
+                            "fontFamily": "Source Serif Pro",
+                            "fontWeight": "200 900",
+                            "fontStyle": "italic",
+                            "fontStretch": "normal",
+                            "src": [ "file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2" ]
+                        }
+                    ]
                 }
             ],
@@ -258 +274 @@
                     "lineHeight": "var(--wp--custom--typography--line-height--normal)",
                     "fontSize": "var(--wp--preset--font-size--medium)",
+                    "fontStyle": "italic",
                     "fontWeight": "normal"
                 }