Adobe Typekit Integration
- This topic has 1 reply, 2 voices, and was last updated 3 years, 5 months ago by
.
-
Posts
-
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.
Hello, Jason,
We apologize for the delay…
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 ElementorAlso, I found the “Typekit Fonts for WordPress” plugin interesting.
For those who will need the Guide here are some useful articles:
https://helpx.adobe.com/fonts/using/add-fonts-website.html
https://helpx.adobe.com/fonts/using/css-selectors.html
How to Add Typekit Fonts to WordPress
How to Add Custom Fonts to WordPress
How to Add Custom Fonts in WordPress Manually and Using a Pluginhttps://www.wpbeginner.com/plugins/how-to-add-awesome-typography-in-wordpress-with-typekit/
How to add Awesome Typography in WordPress with TypekitRegards
- You must be logged in to reply to this topic.