How to add Adobe Fonts (Typekit)

Adobe Fonts (formerly Typekit) support requires Genesis Customizer Pro. To enable Adobe Fonts on your site follow the steps below:

  1. Install and activate the Custom Adobe Fonts plugin.
  2. Copy your Web Project ID. You can find it here https://fonts.adobe.com/my_fonts?browse_mode=all#web_projects-section
  3. From the WordPress admin, navigate to Appearance > Adobe Fonts and paste your project ID into the Project ID field and click "Save".
  4. To ensure it worked, open any typography setting in the Customizer. For example, Genesis Customizer > Base Styles > Body. In the font-family field, search for your font name.

Below is a video walkthrough of the entire process: