Using Adobe Fonts with Instapage

 

If the font that you want to use on your page is from Adobe and it is not found in our default font library or the Google font library, then you can follow these instructions to add it to your page.

1. Create an Adobe Creative Cloud account if you do not have it already and go to https://fonts.adobe.com/.
With a free account, you get access to over 1000 fonts.
If you need a font that is not available for free, you can sign up for a paid subscription. All Adobe subscriptions come with access to Adobe Fonts, but if fonts are all you need, we recommend the InCopy subscription.

2. When you find the font that you want to use, click on View Family. This will take you to the font's page.

3. Click on Add to Web Project.

Markup_on_2023-02-02_at_13_04_05.png

4. Enter the name of a new project or select an existing one, then click Save.

5. This will now open a window similar to the one in the screenshot below.

Markup_2023-02-02_at_13.07.19.png

6. Copy the stylesheet code and add it to Assets > Fonts > Adobe fonts, then Save

Markup 2023-07-27 at 16.47.49.png

After it is added there, you can use it on your pages like you would any other font.

NOTE: The embed code is for the entire project that you created in Adobe. You can add more Adobe fonts to the same project and this change will be reflected inside our application without the need to do anything else. However, keep in mind that changes may take a couple of hours to reflect due to cache. 

 

For additional information, you can also refer to Adobe's own guide on using fonts on webpages: https://helpx.adobe.com/fonts/using/add-fonts-website.html.

Note: While we try to keep all of our instructional articles that involve third-party services up to date, sometimes they make changes to their platform of which we are not aware, and, as a consequence, the user interface may differ from the provided screenshots/instructions.