Custom Fonts

Fonts are an important part of a brand’s identity – they help keep all your email designs consistent and recognizable.

In Postcards, you can upload your own font files and group them into font families, so every weight and style of your brand typeface stays together and is quick to apply in your templates.

Note: Custom fonts are available only in Plus and Pro plans.

Important: If you cancel a paid plan, custom fonts remain available during a 14-day grace period. If the plan is not reactivated, custom fonts, along with hosted images, CDN assets, and Preview links, are permanently deleted after 14 days.

How Custom Font Families Work

Most typefaces come as a set of files, one for each style, such as Regular, Medium, Bold, and Bold Italic. Postcards groups these files into a font family:

• Each file you upload becomes one style in the family, with a weight (for example 400 (Regular) or 700 (Bold)) and a style (Normal or Italic).
• A variable font is a single file that covers a whole range of weights. Postcards adds it as one style with that range, so every weight in it is available.
• The family appears once in your font list. After you apply it, you switch between its weights and styles in the right panel, and Postcards uses the matching file. When the family includes an italic file, italic text uses it, so you get a true italic rather than a slanted copy of the regular style.
• Postcards reads the weight and style from each file as you upload it, so most of the time there's nothing to set by hand.

Ways to Add Custom Fonts

There are three ways to open the Custom Fonts popup in Postcards:

From the Project Menu

• Click the arrow next to your project name in the top-left corner of the editor to open the Project Menu.
• Choose Custom Fonts.

From a Text Element

• Select any text element in your project.

• In the right sidebar, next to the Text title, you’ll notice a menu icon (three lines).

• Click it → choose Custom Fonts.

From the Default Font Family

• Click anywhere on the canvas background (to deselect all elements).

• In the right sidebar (Container) find Default Font Family.
• Next to it, click the menu icon.
• Select Custom Fonts → the same upload popup will appear.

Adding Your Files

Once the Custom Fonts popup is open, add your files in either of two ways:

(a) Click click here to browse and pick your font files. You can select several files at once – for example, every style of a family.

(b) Drag and drop one or more font files into the upload area.

For best results, upload WOFF, WOFF2, TTF, or OTF files. Variable fonts are supported too.

Reviewing and Adding a Font Family

After you upload, each family you’re adding appears as a New family card. Files that belong to the same typeface are grouped into one card automatically.

Each card contains:

1. Family - the name your font will have in the editor’s font list. Postcards suggests one based on your files (here, Coniferous Demo), and you can type your own.
2. File name - each file you upload gets its own row, with a preview of the font, the file name, and its size and detected weight (for example, 11 KB · 800 ExtraBold).
3. Weight - the detected weight, such as 800 (ExtraBold). Postcards reads it from the file, so you only need to change it if the detection is wrong. For a variable font, you’ll see its weight range instead (see Variable Fonts below).
4. Style - Normal or Italic, detected the same way. For the best-looking italics, upload the font’s real italic file rather than relying on a slanted regular style.
5. Bin icon - removes that file from the card.
6. Add styles to this family - uploads more files into this card, such as other weights or the italic, before you add it.
7. Remove all - clears the card without adding anything.

When everything looks right, click the green Add family button. If you’re adding more than one family at once, click Upload all to add them in one go.

Note: Your fonts aren’t saved until you click Add family or Upload all.

Tip: Detection works best when the file names include the style, like Inter-BoldItalic.otf – which is how most font vendors name their files. If the family name itself contains a style word (for example, a typeface called “Bold Face”), double-check the detected weight and style.

Important: Each weight and style combination can appear only once in a family. If two files match – for example, a TTF and a WOFF version of the same Regular – Postcards marks the second one in red: “Another file in this family is also 400 Regular”. Remove one of them with the bin icon, or change its weight or style, before you add the family.

Variable Fonts

Postcards supports variable fonts – single font files that contain a whole range of weights.

When you upload one, its row shows the range of weights it covers instead of a single weight, for example Variable 100 – 1000. After you add the family, every weight in that range is available in the weight dropdown in the right panel, from 100 Thin to 1000 Black.

Tip: Variable fonts often come as two files, one upright and one italic (for example, Inter[opsz,wght].ttf and Inter-Italic[opsz,wght].ttf). Upload both to the same family, and make sure the italic one has its Style set to Italic.

Applying a Custom Font

Once your font family is added:

1. Select the text you want to update.
2. In the right sidebar, under the text section, click on the current font name.
3. Your custom font families appear in the list. Click one – the text instantly updates to use it.

4. To change the weight, open the dropdown below the font name (next to the font size) and pick one, for example 400 Regular or 700 Bold. Italic versions are in the same list (for example, Black Italic). The dropdown always shows the weight that’s actually applied, so the panel matches what you see on the canvas.

Note: Each weight looks its best when your family includes a file for it. If a weight you need is missing, add its file to the family (see below).

Managing Your Font Families

Your fonts are listed under Installed Fonts in the same Custom Fonts popup. Each family has a card with two icons:

• Edit (pencil icon) - opens the family window.
• Delete (bin icon) - deletes it.

In the family window you can:

• Rename the family in Family Name.
• Preview each style - every row shows “The quick brown fox” set in that style, with the file name, format, and size underneath.
• Fix a weight or style with the dropdowns on any row. A variable font shows its weight range instead.
• Add more styles - click Add styles to this family and pick the files.
• Delete one style - click the bin icon on its row.
• Delete the whole family - click Delete family.

When you change something, an Update button appears next to Delete family. Click it to save your changes. To close without saving, click the X.

Deleting Fonts

When you delete a font, a confirmation prompt appears: No, cancel or Yes, delete.

Confirming permanently removes the font – this action cannot be undone.

Important: You can’t delete a font while it’s used in any of your projects. Postcards shows This font is used in projects with a list of the projects that use it. Open those projects, switch the text to another font, and try again. Projects in your Removed folder count too, so if one of them still uses the font, delete that project from Removed as well. The check is made style by style: if a family’s Bold isn’t used anywhere, you can delete it even while its Regular is in use.

When a Custom Font Isn't Supported

Uploading a custom font doesn't guarantee every recipient sees it. Plenty of email clients — Outlook on Windows most of all — might not load web fonts at all. When that happens the client substitutes something else, and unless you've told it what to use, it chooses for you.

The Fallback Font setting makes that choice yours. Click an empty area of the canvas to deselect all elements; in the right sidebar Container panel, Fallback Font sits below Default Font Family.

Alongside the 16 built-in options you can enter your own font stack: open the dropdown and type a comma-separated list such as Calibri, Arial, sans-serif into Add custom fallback. The client works through the list in order and uses the first font installed on the recipient's device, so put your closest match first and end with a generic family (sans-serif , serif , or monospace ).

Tip: Choose a fallback with proportions close to your uploaded font. A condensed display font that falls back to a wide default will reflow your headings and can pull a carefully spaced layout apart.

Custom fallback sets save to your workspace and appear in every project in it. For the full details, see How Text Works in Postcards.

Tip: Upload the real bold and italic files for your family. Email clients that load web fonts use them; for clients that don’t, such as Outlook on Windows, your Fallback Font decides what recipients see.

Frequently Asked Questions

My font’s weights show up as separate fonts. How do I combine them?

Open the family you want to keep, click Add styles to this family, and upload the other weights. Once your projects use the combined family, delete the old single-style fonts.

Which file formats can I upload?

WOFF, WOFF2, TTF, and OTF, including variable fonts. A single family can mix formats.

Can I upload a variable font?

Yes. Postcards reads the weight range from the file (for example, 100–900) and makes every weight in that range available in the editor. See Variable Fonts above.

Why does it say “Another file in this family is also 400 Regular”?

A family holds one file per weight and style combination, and two of your files have the same one – often the same style in two formats. Remove one of them, or change its weight or style.

Why can’t I delete my font?

It’s used in at least one project. The message lists those projects – switch their text to another font, then delete it. If one of those projects is in your Removed folder, delete it from there too.

Why does my font look different in some inboxes?

Many email clients don’t load web fonts. See When a Custom Font Isn’t Supported above and Email Font and Text Formatting Issues.