{"id":2067,"date":"2021-04-26T15:39:04","date_gmt":"2021-04-26T12:39:04","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&p=2067"},"modified":"2026-10-08T11:36:39","modified_gmt":"2026-10-08T08:36:39","slug":"adobe-typekit-fonts","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/adobe-typekit-fonts\/","title":{"rendered":"Adobe Fonts"},"content":{"rendered":"\n
\n

The Adobe Fonts<\/strong> extension connects Blocksy with an Adobe Fonts Web Project, making the typefaces from that project available throughout Blocksy’s typography controls.<\/p>\n\n\n\n

The integration uses the Project ID<\/strong> provided by Adobe Fonts, so there is no need to manually add embed code or configure individual font families inside Blocksy.<\/p>\n\n\n\n

\n

Blocksy Pro required<\/strong>
The Adobe Fonts integration is available through the Adobe Fonts<\/strong> extension included with Blocksy Pro. An Adobe account with access to the fonts used by your Web Project is also required.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Getting Started<\/h2>\n\n\n\n

First, create or open a Web Project from your Adobe Fonts account and add the font families and variations that you want to use on your website.<\/p>\n\n\n\n

Once the project is ready, copy its Project ID<\/strong> from the Adobe Fonts dashboard.<\/p>\n\n\n\n

\"Adobe\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The Project ID inside the Adobe Fonts dashboard.<\/figcaption><\/figure>\n\n\n\n

Then, complete the connection from WordPress:<\/p>\n\n\n\n

    \n
  1. Navigate to WordPress Dashboard \u2192 Blocksy \u2192 Extensions<\/strong>.<\/li>\n\n\n\n
  2. Activate the Adobe Fonts<\/strong> extension.<\/li>\n\n\n\n
  3. Open the extension’s settings and paste your Adobe Fonts Project ID<\/strong>.<\/li>\n\n\n\n
  4. Save the changes and allow Blocksy to retrieve the fonts associated with the project.<\/li>\n<\/ol>\n\n\n\n