1. Documentation
  2. How to
  3. Using Adobe Typekit Fonts

Using Adobe Typekit Fonts

If you’ve subscribed to Adobe’s premium Creative Cloud package, integrating custom fonts from Adobe Fonts into your website is a straightforward process. Follow these steps to enhance your website’s typography effortlessly.

Step 1: Choose your fonts from Adobe

  1. Visit Adobe Fonts and select the custom fonts you want for your website.
  2. Follow Adobe’s instructions on how to choose and customize fonts for your personal website. (Adobe Fonts Documentation)

Step 2: Add fonts to your theme

  1. After creating your web project on Adobe Fonts, copy the Project ID (a unique string of letters and numbers displayed above the embed code).
  2. In your WordPress dashboard, navigate to Theme Options -> Global Options -> Integrations.
  3. Find the Adobe Fonts and paste your Project ID into the designated field. Save your settings.

Step 3: Configure Global Fonts in Elementor

  1. Edit any page using Elementor.
  2. Switch to the Site Settings area.
  3. Under Global Fonts, configure the Primary, Secondary, Text, and Accent fonts using the Adobe Fonts you selected earlier.
  4. Click the Update button in the bottom left corner to save your settings.

By following these steps, you’ve successfully integrated Adobe Fonts into your theme. Enjoy the enhanced typography and make your website visually appealing without any hassle. Happy designing!

Was this article helpful?