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's just one important thing to get right: Tezzera needs the CSS link from Adobe Fonts — not raw CSS code. This guide walks you through exactly where to find it and how to add it.

Quick Links:


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. Get Your CSS Link from Adobe Fonts

Adobe provides a special link for every Web Project you create. Here's how to find it:

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

  2. Add the fonts you want to use to a Web Project (if you haven't already)

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

  4. Find your project and click Embed Project

  5. Copy the .css link — it will look something like this:

https://use.typekit.net/typ3k1t.css

That's the whole thing. Short, clean, ends in .css. That's what Tezzera needs.


3. Add the Link to Your Workspace

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

  2. Click Add to workspace

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

  4. 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.


4. Common Mistake: Raw CSS vs. the CSS Link

This one matters, so let's be extra clear.

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.


5. 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 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

Did this answer your question?