How To Use Adobe Fonts In Digioh

Digioh allows you to add custom fonts to your boxes, including fonts from Adobe Creative Cloud.

To use fonts from your Creative Cloud account in your Digioh pop-up forms and lightboxes, follow these instructions.

Step 1: Find Your Desired Adobe Font

Head to the Adobe fonts page. Make sure the font you want to add to Digioh is activated.

activate bungee adobe font

Step 2: Add Your Font to a Web Project

Click “Add to Web Project.”

add adobe font to web project

Name your project. We recommend using the name of the font.

name web project in adobe fonts

Step 3: Copy the URL

Copy only the URL from the embed code provided by Adobe. It will look something like this: https://use.typekit.net/nfe0kfq.css

copy URL from adobe font embed code

Step 4: Add New Font to Digioh

Open a new tab (while keeping your current Adobe tab open) and log into Digioh. Click the account name in the upper-right corner, and click Custom Fonts in the dropdown.

digioh custom fonts

Click Add New Font.

add new font to digioh

Step 5: Manually Add Your Adobe Font’s CSS to Digioh

Click “Click here to add your Font-Face CSS manually instead →”

manually adding adobe font with CSS

Back in the Adobe tab, open the URL of the CSS file provided in their embed code. Copy the Import URL and Font Face from the CSS.

import url and font face CSS

In Digioh, paste this code into the Font Face CSS section.

paste font face CSS into Digioh manually

Now, add the Font Name. IMPORTANT: The font-family name in the CSS must be identical to the name in Digioh here.

name Digioh font

If the font isn’t a Sans-Serif font, uncheck the “Sans-Serif” checkbox.

sans serif font checkbox

Click Save to add the font to your account. Your Adobe font is now available in the editor!

Step 6: Add Your Adobe Font to a Box

Once you add your font to Digioh, you can use it in a box design by selecting it from the font dropdown menu.

access Adobe font in Digioh editor

If you have any questions about adding Adobe fonts or other custom fonts to Digioh, send us an email, and we’ll be glad to help!

Related Reading:

Tagged: