Log in Start free trial β
Reference
Fontdue.jsGraphQLDemo templateGuides
WebflowWordpress + Lay ThemeWordpress + SempliceNext.js (App Router)Next.js (Pages Router)Python + FlaskInformation
Whatβs newFull-service website developmentManaging your font catalogVariable fontsFont licensesWebfontsCross-origin accessPayments with StripeTaxTest fontsTest modeManage your Fontdue subscriptionLaunching your siteTroubleshootingUpdates
Update 001Update 002Update 003Β© Fontdue, 2022
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.
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.