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.