Integrate Adobe fonts

At the moment, the WordPress Core does not support adding Adobe Fonts through the user interface, unlike Google Fonts or actual font files (WOFF2, TTF, etc). However, it’s still possible with a PHP snippet to get your Adobe Fonts into the website, both in frontend and backend.

Ideally you have created a child theme before, so you can add the following into the functions.php file so it won’t be overwritten by the next theme update:

PHP
/* Add Adobe Fonts in Frontend */
add_action( 'wp_enqueue_scripts', 'greyd_child_adobe_fonts' );

/* Add Adobe Fonts in Backend */
add_action( 'enqueue_block_assets', 'greyd_child_adobe_fonts' );

/* Function to set Adobe Fonts */
function greyd_child_adobe_fonts() {
	wp_enqueue_style( 
		'greyd-child-adobe-fonts',
		'https://use.typekit.net/epd4ujj.css'
	);

	wp_add_inline_style( 
		'greyd-child-adobe-fonts', 
		':root {
			--wp--preset--font-family--body: "myriad-pro" !important;
			--wp--preset--font-family--heading: "adobe-garamond-pro" !important;
		}'
	);
}

Please update the URL to your Kit URL, as well as updating the fonts you want to assign to the Body and Heading font. So instead of myriad-pro and adobe-garamond-pro, you add in the font names as they’re provided in your CSS file.

Last updated: