Font Files
Upload and manage fonts available to customers in the Print Editor.
Font Files let you upload custom TrueType fonts (TTF) that customers can use when adding or editing text in the Print Editor. Each font entry can include up to four style variants -- Regular, Bold, Italic, and Bold Italic -- so the editor can properly render styled text without resorting to faux bolding or slanting. Fonts are scoped to each storefront and assigned to products through font maps.
When a font is uploaded, the system validates that all variants share the same font family name and extracts style capabilities from the font metadata. The storefront dynamically converts TTF files to WOFF format and generates per-product @font-face CSS so fonts load efficiently in the browser.
View Font Files
- From your Unified Admin, go to Print Editor > Font Files.
- The page displays all uploaded fonts in a paginated grid.
- To search fonts, use the search panel at the top right.
- To add a new font, click the Add Font button.
Grid Columns
| Column | Description |
|---|---|
| Display Name | The admin-defined name for the font. This is the label shown in the editor's font dropdown. |
| Flex Family Name | The CSS class name derived from the font family. Used internally to reference the font in templates and editor styles. |
| Family Name | The actual font family name extracted from the TTF file metadata during upload. |
| Regular | Checkbox indicating whether a Regular style variant has been uploaded for this font. |
| Bold | Checkbox indicating whether a Bold style variant has been uploaded. |
| Italic | Checkbox indicating whether an Italic style variant has been uploaded. |
| Bold Italic | Checkbox indicating whether a Bold Italic style variant has been uploaded. |
| Action | Three-dot menu with Edit, Delete, and Download options. |
Row Actions
| Action | Description |
|---|---|
| Edit | Opens a dialog to change the font's display name. The font family name and style variants cannot be changed after upload. |
| Delete | Removes the font from the system after confirmation. Products that reference this font will no longer have it available in the editor. |
| Download | Downloads all uploaded TTF variants for this font as a ZIP archive. |
Add Font
- Click Add Font from the Font Files list page. This navigates to the Add Font form.
- Fill in the fields below, then click Save.
| Field | Description |
|---|---|
| Name | Required. The display name for the font. This label appears in the editor's font dropdown when customers select a font for their text. |
| Regular TTF | File upload for the Regular (normal weight, normal style) variant. Only TTF files are accepted. |
| Bold TTF | File upload for the Bold variant. Must be from the same font family as the Regular variant. |
| Italic TTF | File upload for the Italic variant. Must be from the same font family as the Regular variant. |
| Bold Italic TTF | File upload for the Bold Italic variant. Must be from the same font family as the Regular variant. |
You do not need to upload all four variants. However, all uploaded variants must belong to the same font family. The system validates font family names during upload and rejects mismatched files.
If a variant is missing, the editor maps available styles as fallbacks. For example, if only a Regular variant exists, bold and italic text will render using the Regular file.
Edit Font
- Click Edit from the action menu on any font row.
- A dialog appears with a single Name field to update the display name.
- Click Save to apply the change.
The edit dialog only allows changing the display name. To replace font files or add missing style variants, delete the font and re-upload it with the correct files.
Delete Font
- Click Delete from the action menu on any font row.
- A confirmation dialog appears: "Are you sure you want to delete?"
- Confirming soft-deletes the font record. The underlying TTF files remain in storage but the font is no longer available for use.
Associations
Print Editor
| Area | Effect |
|---|---|
| Font dropdown | Uploaded fonts appear in the text panel's font selector. Customers can choose any font assigned to the product they are editing. |
| Bold/Italic buttons | The editor enables or disables the Bold and Italic toolbar buttons based on which style variants were uploaded for the selected font. If no Bold variant exists, the Bold button is disabled. |
| Font rendering | The storefront generates @font-face CSS per product and converts TTF files to WOFF format on demand, so fonts render natively in the browser without faux styling. |
| Template fonts | Templates and drawing spaces can specify a default font and a list of allowed fonts. Only allowed fonts appear in the dropdown for that template. |
Print Store
| Area | Effect |
|---|---|
| Product font assignment | Fonts are assigned to products through the FontMap table. Each product can have its own set of available fonts, and a default font can be specified per product. |
| Layout categories | Fonts are also assigned to layout categories, making them available when customers edit layouts in the editor. |
| Print output | The TTF files are used during PDF generation to embed font data in the final print-ready output, ensuring accurate text rendering. |
Related Pages
- Elements — manage clipart images that pair with text using uploaded fonts
- Color Pallets — define colors available for text styled with these fonts
- Editor Themes — control the editor UI where fonts appear in the text panel
- Product Setup — assign fonts to individual products and set a default font