Skip to main content

How to Import Adobe Fonts to Your Workspace

Love your Adobe Fonts? Good news — if you have an Adobe Creative Cloud subscription, you can import any Adobe Font to use across your entire Tezzera workspace. Your forms, invoices, client portal, and meeting pages will all match your real brand typography.

There are two important things to get right:

  1. One font per Web Project. Each Adobe Font you add to Tezzera needs its own separate Web Project in Adobe Fonts.

  2. Use the CSS link, not raw CSS code. Tezzera needs the short .css link from Adobe, not the CSS snippet.

This guide walks you through exactly how to set that up.

1. Where to Add Adobe Fonts in Tezzera

  1. Go to Manage → Appearance → Assets → Brand Fonts

  2. Select the CSS Address tab (instead of the Upload tab)

This is where you'll paste your Adobe Fonts link. But first, let's grab it from Adobe.

2. Create a Web Project for Your Font

Every Adobe Font you import into Tezzera needs to live in its own Web Project in Adobe Fonts. If you put two or more fonts in the same Web Project, Tezzera may not be able to load the new one, even if an earlier font from that project worked fine.

For example, if your heading font and body font are both in a project called "My Brand," create two projects instead (say, "My Brand – Heading" and "My Brand – Body"), with one font in each.

Here's how to set it up:

  1. Log in to Adobe Fonts with your Creative Cloud account

  2. Find the font you want and click Add to Web Project

  3. Choose Create a new project, give it a name, and save it with only that one font inside

  4. Repeat for each additional font you want to use in Tezzera, with a new Web Project for each one

Already have a Web Project with several fonts in it? No need to delete it. Just create a new single-font project for each font you want to bring into Tezzera.

3. Get Your CSS Link from Adobe Fonts

Once your font is in its own Web Project:

  1. Go to the Web Projects section of your Adobe Fonts account

  2. Find the project and click Embed Project

  3. Copy the .css link. It will look something like this: https://use.typekit.net/typ3k1t.css

  4. In the CSS example Adobe shows below the link, find the font name inside the quotation marks (for example, "p22-mackinac-pro"). Note just the name itself, with no quotation marks, commas, or serif/sans-serif.

Copy only the link itself, not the full embed code around it. Short, clean, ends in .css: that's what Tezzera needs.

4. Add the Font to Your Workspace

  1. Back in Tezzera, paste your .css link into the CSS Address field

  2. For the font name, enter the name you noted from Adobe's CSS example (for example, p22-mackinac-pro), in plain text only

  3. Click Add to workspace

  4. Click your new font to apply it as your Heading or Body text

  5. Don't forget to hit Save Changes!

Your Adobe Font now applies everywhere your branding does — forms, invoices, client portal, meeting pages, and email notifications.

5. Common Mistakes

Multiple fonts in one Web Project

❌ Incorrect: Adding a new font to a Web Project that already has other fonts in it, then using that project's link in Tezzera.

✅ Correct: Creating a brand-new Web Project with just that one font, and using the new project's .css link.

If one Adobe Font imported fine but your second one won't, this is the most likely reason.

Raw CSS vs. the CSS link

❌ Incorrect: Pasting raw CSS code, like:

font-family: p22-mackinac-pro, serif; font-weight: 400;

✅ Correct: Pasting the .css link from Adobe's Embed Project option: https://use.typekit.net/typ3k1t.css

Why it matters: Raw CSS in the CSS Address field doesn't just fail to load your font. It can quietly break other things in your workspace, including email notifications for invoices, contracts, and more. If your emails haven't been coming through as expected, a misconfigured font setting is one of the first things to check.

The quick test: your entry should start with https:// and end in .css. If it starts with font-family:, it's raw CSS. Head back to Adobe's Web Projects section and grab the link instead.

Extra characters in the font name

❌ Incorrect: "p22-mackinac-pro", serif

✅ Correct: p22-mackinac-pro

Keep the name simple, with no quotation marks, commas, or special characters.

6. Troubleshooting

Problem

What to Do

My font isn't showing up after adding the link

  • Double-check the link starts with https:// and ends in .css

  • Make sure you clicked Save Changes

  • Refresh the page — fonts sometimes need a moment to load

My first Adobe Font worked, but a second one won't import

Check whether both fonts are in the same Web Project. Create a new Web Project in Adobe Fonts with only the new font, then use that project's .css link in Tezzera.

My emails or notifications aren't coming through

  • Check your Brand Fonts settings and confirm you used the .css link, not raw CSS code

  • Remove any raw CSS entries, replace with the correct link, and save

  • Still having trouble? Reach out to us in the chat — we're happy to take a look

I don't see the Embed Project option in Adobe Fonts

  • Make sure your fonts have been added to a Web Project (not just activated for desktop use)

  • Web Projects require an active Adobe Creative Cloud subscription

Related Articles
Did this answer your question?