📓

Managing your font catalog

Reference

📓Fontdue.js📓GraphQL📓Demo template

Guides

📓Webflow📓Wordpress + Lay Theme📓Wordpress + Semplice📓Next.js (App Router)📓Next.js (Pages Router)

Information

📓Full-service website development📓Managing your font catalog📓Variable fonts📓Font licenses📓Webfonts📓Cross-origin access📓Payments with Stripe📓Tax📓Test fonts📓Test mode📓Manage your Fontdue subscription📓Launching your site📓Troubleshooting📓Customize the Address fields

Updates

📓What’s new📓Update 001📓Update 002📓Update 003📓Update 004📓Update 005
⚡
Start free trial →

Managing your font catalog

When you upload fonts, Fontdue automatically extracts relevant information from the font files, including the family name and style names.

Font formats

The easiest way to provide both Desktop and Web fonts to customers is to upload only your OTF files. Customers will receive OTFs as-is for Desktop use, and for Web, Fontdue automatically generates WOFF and WOFF2 files through a conversion process. The converted Webfonts are also served through our webfont service for use on your site. For more information, we’ve written a detailed guide about webfonts.

Collections

It's possible to group multiple families into a collection of families. Collections work well for typefaces with multiple widths or optical sizes, for example.

To create a Collection, start by navigating to Collections, then Upload a new font family. When you select files to upload, make sure you choose every style from every family you want to be grouped. Fontdue extracts the family names from the files, and uses them to create appropriate groups. We also take one of the family names at random for the Collection name, but you'll probably want to edit that.

💡
Font naming When you configure your font family & style names, you may have a single family with multiple widths, as in "Type Family - Condensed Bold" or you may group widths into subfamilies as in "Type Family Condensed - Bold". We will only create collections with subfamilies if you give families distinct names like the latter example, however if you prefer to keep widths in a single big family, you can also create Bundles for each width.
💡
In the Template, only top-level products (Collections and Families) are represented on the homepage, so only top-level products have their own product page. Collection product pages show all families and their styles. This means that certain content like Type Testers, Description, PDFs and so on must be entered only for the Collection rather than each Family. If you're building your own template you may structure your pages more flexibly.

Bundles

Use bundles to create special pricing for groups of styles under a family.

A common use-case is discounting roman + italic pairs, so we made a special tool for automatically creating pairs. Click the Generate pairs button to do so.

You can create abitrary groups of styles with their own prices. Some foundries only offer bundles rather than individual styles which we fully support.

Type testers

The type tester editor integrates with our Type Testers frontend component.

You may display a sample selection of styles from your family, multiples of the same style, or a Waterfall of every style. Use the Generate waterfall button to easily create a type tester for each style.

Use the OpenType features section at the top to expose a subset of features to customers in the Type Testers component.

Uploading new versions of files

You can replace files for existing styles, or add new styles to families by navigating to the Versions tab on the relevant family, click Edit and then drop in the new files. This system will attempt to automatically match to existing styles and replace files appropriately.

You may also use this tool to add new file types to existing styles, for example adding your own WOFF and WOFF2 files (only if you don’t want to use the automatically-generated webfont files).

It’s also possible to manually manage files of each style one-by-one. To do this, navigate to Catalog → Font styles, find the style and click Edit, then drop in the new files and delete existing ones.

Adding new styles to existing families

Use the same process as above to edit the Version (Uploading new versions of files). When the system doesn’t find a matching style, it assumes you want to add a new style to the family (for example adding new italic styles). It will indicate which files are being matched and which are creating new styles before you click submit.

  • Managing your font catalog
  • Font formats
  • Collections
  • Bundles
  • Type testers
  • Uploading new versions of files
  • Adding new styles to existing families