Overview

Adobe Creative Cloud fonts can be utilized within webforms. The following instructions show you how to add an Adobe font to your Webforms account. 

Add Adobe font to webforms account

1. Visit the Adobe fonts page.

2. Select your desired font.

3. Click the Activate font toggle if the font is not already active. 

4. Click Add to Web Project.

5. Name your project and then click Create.

It's common practice to use the name of the font for the name of the project.

6. Copy the URL from the embed code. The URL will look like this: https://use.typekit.net/nfe0kfq.css 

7. Open up a new tab while keeping the current browser tab open. Log in to web forms in the new browser tab. While in webforms, click the account name in the upper right-hand corner and then click Custom Fonts in the dropdown menu. 

8. Click Add New Font.

9. Select the Click here to add your Font-Face CSS manually instead → option.

10. Go back to your browser tab with Adobe and copy the Import URL and Font Face declaration from the CSS

11. In webforms, paste the copied content into the Font Face CSS text box.

12. Add the font Name.

The font-family name specified in the CSS declarations must be identical to the name in webforms.

13. Uncheck the Sans Serif checkbox if it is not a Sans Seriff font. Click Save to add the font to your webforms account. 

14. Open one of your webforms lightboxes. The Adobe Font you added is now available for use.