Add Adobe Fonts to WP

Add snippet to functions:

functions.php

function enqueue_adobe_fonts() {
    // Enqueue on the live public website
    wp_enqueue_style( 'adobe-fonts', 'https://use.typekit.net/ztf3zqc.css', array(), null );
}
add_action( 'wp_enqueue_scripts', 'enqueue_adobe_fonts' );

function enqueue_editor_adobe_fonts() {
    // Enqueue inside the admin Block/Site Editor
    wp_enqueue_style( 'adobe-fonts-editor', 'https://use.typekit.net/ztf3zqc.css', array(), null );
}
add_action( 'enqueue_block_editor_assets', 'enqueue_editor_adobe_fonts' );

Update theme.json accordingly:

theme.json

{
	"$schema": "https://schemas.wp.org/wp/7.0/theme.json",
	"version": 3,
	"settings": {
		"appearanceTools": true,
		"layout": {
			"contentSize": "800px",
			"wideSize": "1200px"
		},
		"color": {
			"customPalette": false,
			"palette": [
				{
					"slug": "primary",
					"color": "#4a148c",
					"name": "Primary (Purple)"
				},
				{
					"slug": "text",
					"color": "#1a1a1a",
					"name": "Text (Dark Gray)"
				},
				{
					"slug": "background",
					"color": "#ffffff",
					"name": "Background"
				}
			]
		},
		"typography": {
			"fontFamilies": [
				{
					"fontFamily": "\"tt-commons-pro\", sans-serif",
					"name": "TT Commons Pro",
					"slug": "tt-commons-pro"
				}
			],
			"fontSizes": [
				{
					"slug": "small",
					"size": "0.9rem",
					"name": "Small"
				},
				{
					"slug": "normal",
					"size": "1.1rem",
					"name": "Normal"
				},
				{
					"slug": "large",
					"size": "2.2rem",
					"name": "Large"
				}
			]
		},
		"spacing": {
			"units": ["px", "em", "rem", "%"],
			"spacingScale": {
				"steps": 0
			}
		}
	},
	"styles": {
		"color": {
			"background": "var(--wp--preset--color--background)",
			"text": "var(--wp--preset--color--text)"
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--tt-commons-pro)",
			"lineHeight": "1.6",
			"fontSize": "var(--wp--preset--font-size--normal)"
		},
		"spacing": {
			"padding": {
				"top": "var(--wp--style--root--padding-top, 2rem)",
				"bottom": "var(--wp--style--root--padding-bottom, 2rem)",
				"left": "var(--wp--style--root--padding-left, 1.5rem)",
				"right": "var(--wp--style--root--padding-right, 1.5rem)"
			},
			"blockGap": "1.75rem"
		},
		"elements": {
			"heading": {
				"color": "var(--wp--preset--color--primary)",
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--tt-commons-pro)",
					"lineHeight": "1.25",
					"fontWeight": "700"
				},
				"spacing": {
					"margin": {
						"top": "0",
						"bottom": "1.25rem"
					}
				}
			},
			"link": {
				"color": "var(--wp--preset--color--primary)",
				"typography": {
					"textDecoration": "underline"
				}
			}
		}
	}
}

© 2026 All Rights Reserved.