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.