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"
}
}
}
}
}