Skip to main content

Adobe Fonts

Adobe Fonts section in the Fonts admin tab

Nectarblocks integrates directly with Adobe Fonts (formerly Typekit), so the font families in your Adobe account become available throughout your site's typography settings.

Connecting your account

  1. In the WordPress admin, open the Nectarblocks admin panel and go to the Custom Fonts tab.
  2. Find the Adobe Fonts section.
  3. Enter your Adobe Fonts API token. You can generate one from your Adobe account at fonts.adobe.com/account/tokens.
  4. Click Connect.

Nectarblocks contacts Adobe, retrieves your kits, and loads the font families they contain. Once connected you can disconnect or refresh the list from the same section at any time.

Using Adobe fonts

After connecting, Adobe font families appear alongside your other fonts:

  • In the Global Typography editor, choose Adobe as the font source when editing a font rule, then pick a family.
  • In any block's typography control, Adobe families are selectable in the font picker.

On the front end, only the Adobe kits that are actually used in your typography settings are loaded, keeping requests to a minimum.