How to upload 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:

/* 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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us