Your catalog in Fontdue is made up of font collections – the sellable products in your store. A collection is either a family or a superfamily, which groups several related families together – multiple widths, optical sizes, or a static family alongside its variable counterpart, for example. Each family is made up of styles, like Regular, Bold, and Italic.
A style is one of the members that make up a family. Often those are weights and slants (Regular, Bold, Italic), but a family can divide however its design calls for (Shadow, Outline, Stencil). It’s the unit you price and that customers buy, and it ships as one or more font files – an .otf for desktop, a generated .woff2 for the web – so a single style can be made up of several files.
The example below shows how you might group several families into a superfamily, alongside a standalone family. Variable fonts are their own families11See variable fonts for more details about naming..
- Example Sans superfamily
- Example Sans Condensed family
- Example Sans Condensed Regular style
- Example Sans Condensed Bold style
- Example Sans family
- Example Sans Regular style
- Example Sans Bold style
- Example Sans Wide family
- Example Sans Wide Regular style
- Example Sans Wide Bold style
- Example Sans Variable family
- Example Sans Variable Regular style
- Example Sans Condensed family
- Example Serif family
- Example Serif Regular style
- Example Serif Italic style
Uploading fonts
Drop your OTF or TTF files into Font collections → Upload fonts. Fontdue reads the family and style names from each file and groups them:
- Files sharing the same typographic family name22Name ID 16. are grouped into the same family.
- Files with different family names are grouped into a superfamily.
- Files that share the same family name and style name are placed together with the same style33This allows you to upload OTF, TTF, WOFF and WOFF2 files all together..
In the example above, all of the Example Sans font files were uploaded together, then the Example Serif font files were uploaded afterward.
You can turn a root-levelRoot collectionA top-level font collection – either a standalone family or a superfamily. These are the collections that usually have their own product page on your site. family into a superfamily after upload. Then, you can upload new families into an existing superfamily. To add new styles to an existing family, see Updating a family.
Hidden collections
A collection doesn’t have to be visible in your catalog. Tick Hidden? on a collection’s Settings tab to keep it out of your store and product pages while it stays in your admin and keeps serving its webfonts – useful for an unreleased family, a retired one, or a typeface you use on your own site but don’t sell. See hidden collections for how hiding behaves across the demo template, the Store Modal, and a server-rendered site.
Webfont formats
You only need to upload OTFs (TTFs for variable fonts). Fontdue generates WOFF and WOFF2 files automatically44See Webfonts for the details of the conversion, including when you might want to upload your own webfonts instead. for web delivery and for your site’s type testers, served via Cloudflare’s CDN.
Customers receive the OTFs as-is for desktop use, plus the generated webfont files for Licenses with the WOFF/2 Font types configured.
You may upload your own WOFF and WOFF2 files if you prefer, either by dropping them together with the collection creation, or by updating files on an existing family.
Adding product page content
To add the content that appears on a collection’s product page, open the collection and switch to its Content tab.55The Content tab only appears when your integration setting uses Fontdue for content management. There you set the description, images, PDFs, related collections, color palette, and SEO – see Font collection content for the field-by-field reference.
Product page content usually lives on your root collectionsRoot collectionA top-level font collection – either a standalone family or a superfamily. These are the collections that usually have their own product page on your site. – the superfamilies and standalone families that get their own product page. For a superfamily on the demo template, add it to the superfamily itself rather than its individual families.66You may organize your own website differently.
Updating a family
Font families evolve over time. The Edit all fonts editor updates a whole family in one pass – drop in a batch of files, and Fontdue replaces existing styles’ files and adds any new styles together.77To change a single style instead – its name, CSS values, or files – click it in the family’s Styles tab to edit just that one. Updating a family replaces its files in place; Fontdue doesn’t keep a history of previous releases.
From Font collections, open the family you want to update, switch to its Styles tab, and click Edit all fonts.
Drag your font files (.otf, .ttf, .woff, or .woff2) into the file upload area. Fontdue reads the style name from each file’s name table and matches it to an existing style:
- Matching styles appear with a checkmark. Uploading a new
.woff2replaces the old.woff2for that style, leaving any.otfor.ttffiles untouched. This is also a good opportunity to add extra formats – if a style only has.otffiles, drop in.woff2alongside so both are available. - Unrecognized style names appear with a green New style badge. These become new styles in the family.
When new styles are detected, a price field appears – enter the per-style price (Fontdue pre-fills it with the price of an existing style in the same version as a starting point). Then click Save.
Customers who already bought the family won’t get the new styles automatically – to add them to existing downloads, rebuild those orders’ ZIP archives from the Orders screen.
Deleting a collection
Deleting a collection removes it permanently. Open the collection from Font collections, go to its Settings tab, and click Delete. Deletion takes effect immediately and can’t be undone88There’s no trash or restore step – to bring a deleted collection back, upload its fonts again..
What’s removed depends on the kind of collection:
- A family is deleted along with its styles, font files, and type testers.
- A superfamily is deleted along with every family inside it – each family’s styles, files, and type testers go too. Deleting a superfamily is not the same as ungrouping it; the families don’t survive on their own.
To remove one family from a superfamily without touching the rest, open the superfamily, switch to that family, and click Delete on its Settings – only that family is removed.
Existing orders aren’t deleted, but an order that referenced a deleted collection or style may show as unavailable to the customer until you reconnect it99Open the order and use Edit order details to point it at a current collection – see Orders..