Is there a recommended process for integrating Adobe Typekit fonts with the theme? I am familiar with the process of putting in custom CSS, and I see that that is an option, however, I would prefer to not have to do that for every page on the website. Ideally, when handing this over to the marketing team that will be managing the website I would prefer the ability to have the Typekit font show in the font options on the theme customization tool.
The easiest way (Also recommended by Adobe) is to add the Adobe Typekit Fonts using the CSS.
You don’t need to add the code for every particular page, It’s easy to apply the Font sitewide using just one CSS code.
Also, if you using the “Elementor” Page builder to build your pages, there is a free plugin called “Custom Adobe Fonts (Typekit)” This plugin helps you embed Adobe fonts easily in your Elementor Page builder.
If you’re not using the Elementor, you need to write the custom CSS to apply the fonts.
There is also a direct method to integrate the Typekit fonts into Elementor: Custom Fonts – How to Add Adobe Typekit to Elementor