A collection’s Visibility, on its Settings tab, decides where customers come across it. Visible is the default. A hidden collection exists in your admin and keeps serving its webfonts, but is left out of everywhere a customer browses your catalog – reach for it when a family isn’t ready to release, has been retired, or only ever exists to be used as a webfont on your own site rather than sold. An unlisted collection stays on your site and stays for sale, but has no button of its own in the Store Modal: customers get it through a bundle or its superfamily instead.
Hiding a collection
Open the collection, switch to the Settings tab, and set Visibility to Hidden. From then on the collection drops out of every surface a customer sees:
- The catalog index – both the directory the demo template renders and the Store Modal’s Browse page – skips it.
- Its product page returns a not-found unless you’re previewing it as an admin.
- The GraphQL API omits it from the
fontCollectionslisting and won’t return it by slug unless you’re previewing as an admin.
Hiding a superfamily hides everything under it – its child families drop out of the same surfaces even if they aren’t individually marked hidden.11The catalog filter excludes a collection whenever either it or its parent is hidden. An unlisted superfamily doesn’t pass anything on – its families keep their own visibility.
Hiding is its own mechanism, separate from password-protecting a collection or scheduling an article to publish in the future – each of those works differently. Hidden simply takes the collection out of view.
Webfonts stay available
Hiding a collection doesn’t take its webfonts offline. The webfont CSS and the .woff2 and .woff files keep being served from Fontdue’s CDN whatever the collection’s visibility.22Only the catalog listings and product pages check for hidden collections – the webfont and CSS endpoints don’t.
That’s what makes hidden collections useful for a typeface you want to use but not sell. Upload your interface font as its own collection, mark it hidden, and reference its webfont on your site – it loads like any other Fontdue webfont while staying out of your catalog and Store Modal.
Unlisted collections
An unlisted collection is for sale, but not on its own. The Store Modal leaves out its section – no family button, no bundles and no styles to click. Everything else about it stays as it was: its product page, its webfonts and its place in the catalog index.33A site using the Fontdue script tag picks this up automatically. A site built with the fontdue-js npm package needs version 3.7.0 or later – an older one still shows unlisted collections as selectable, and the collection’s Settings tab warns you when your site runs one.
Customers still end up with an unlisted collection through the Store Modal’s upgrade, which snaps a selection to a larger product once that’s the better deal – see Selection pricing. Two setups use this:
- A superfamily sold through its families. Unlist the superfamily and customers pick families one by one; each unselected family shows the +$X that completes the superfamily, and selecting enough of them selects the superfamily itself.
- A variable family that comes with its static counterpart. Unlist the variable family and pair it with the static family in a collection bundle priced the same as the static family. Selecting the static family selects the bundle, variable included, and the variable can’t be bought by itself.
An unlisted collection with nothing to upgrade to – no bundle or superfamily containing it – can’t be bought from the Store Modal at all, so set up the bundle or superfamily price before unlisting it.
Previewing hidden collections
When you’re logged into your Fontdue admin, both the demo template and any script-tag site show an admin toolbar with a Preview hidden fonts checkbox. Tick it and hidden collections appear – their product pages render and they show up in the catalog index – so you can preview an unreleased family on your live site before anyone else can. Leave it unchecked and you see exactly what the public sees.44Previewing is explicit: the toolbar tells Fontdue to include hidden collections for your session only while the box is checked, so a logged-in admin browsing normally no longer reveals hidden fonts by accident.
A site built with React or Next.js gives you the same checkbox, but needs a little wiring first: it fetches its catalog on its own server with no admin session attached, so the preview signal has to be forwarded from the toolbar through your server. Admin preview walks through that setup.