# Fontdue documentation

> Fontdue is a platform for selling fonts online.
> Below is an index of all documentation pages.

## Pages
- [What is Fontdue?](http://www.fontdue.com/docs/overview/what-is-fontdue.md): A headless e-commerce platform built for type foundries
- [First steps](http://www.fontdue.com/docs/overview/first-steps.md): Upload fonts, create a license, and make a test sale
- [Integrate Fontdue](http://www.fontdue.com/docs/overview/integrate.md): The ways to put your store on a website – demo template, script tag, a custom React build, or our team – and which to choose
- [Launch your site](http://www.fontdue.com/docs/overview/launch-your-site.md): The sequence of work that takes your Fontdue store from preview to public
- [Run your foundry](http://www.fontdue.com/docs/platform/run-your-foundry.md): What the Fontdue admin covers, area by area
- [Fonts](http://www.fontdue.com/docs/platform/fonts.md): Upload and manage your font library
- [Managing your font catalog](http://www.fontdue.com/docs/platform/font-catalog.md): Upload fonts, create superfamilies, and manage your catalog
- [Bundles](http://www.fontdue.com/docs/platform/bundles.md): Group styles or families into discounted products
- [Hidden collections](http://www.fontdue.com/docs/platform/hidden-collections.md): What the Hidden toggle does, why a hidden collection's webfonts still work, and how to preview unreleased collections as an admin
- [Variable fonts](http://www.fontdue.com/docs/platform/variable-fonts.md): How Fontdue handles variable fonts from upload through the Store Modal
- [Color fonts](http://www.fontdue.com/docs/platform/color-fonts.md): How Fontdue handles color font technologies
- [Webfonts](http://www.fontdue.com/docs/platform/webfonts.md): How Fontdue generates, hosts, and serves webfonts for your site
- [Test fonts](http://www.fontdue.com/docs/platform/test-fonts.md): Offer free, subsetted test fonts that let customers evaluate your typefaces before buying
- [Type tester editor](http://www.fontdue.com/docs/platform/type-tester-editor.md): Configure the in-admin type tester for each font collection
- [Character groups](http://www.fontdue.com/docs/platform/character-groups.md): Customize how characters are grouped in the Character Viewer component
- [Licensing](http://www.fontdue.com/docs/platform/licensing.md): Configure licenses, variables, and regional pricing
- [Font licenses](http://www.fontdue.com/docs/platform/font-licenses.md): Configure licenses, variables, and pricing
- [Order variables](http://www.fontdue.com/docs/platform/order-variables.md): Apply multipliers to entire orders based on customer selections
- [Pricing](http://www.fontdue.com/docs/platform/pricing.md): How prices combine through the catalog, licenses, and checkout
- [Payments & tax](http://www.fontdue.com/docs/platform/payments-tax.md): Accept payments and collect taxes with Stripe
- [Payments with Stripe](http://www.fontdue.com/docs/platform/payments.md): Set up Stripe for payment processing
- [Cart & checkout](http://www.fontdue.com/docs/platform/cart-and-checkout.md): How the Store Modal takes a customer from a font to a completed order, and the settings that shape the flow
- [Receipts & invoices](http://www.fontdue.com/docs/platform/receipts-and-invoices.md): How Fontdue sends receipts and invoices
- [Tax](http://www.fontdue.com/docs/platform/tax.md): Configure tax collection with Stripe Tax
- [Currencies](http://www.fontdue.com/docs/platform/currencies.md): About Fontdue's currency support
- [Orders & customers](http://www.fontdue.com/docs/platform/orders-customers.md): Manage orders, refunds, customers, and coupons
- [Orders](http://www.fontdue.com/docs/platform/orders.md): Browse the order history, edit order details, and handle refunds and revocations
- [Quotes and shared carts](http://www.fontdue.com/docs/platform/quotes-and-shared-carts.md): How customers save and share their cart as a PDF quote or a resumable link
- [Customers](http://www.fontdue.com/docs/platform/customers.md): Browse, search, and edit the customers who've bought from your store
- [Coupons](http://www.fontdue.com/docs/platform/coupons.md): Percent discounts, fixed-amount credit, and per-customer store credit at checkout
- [Watermark lookup](http://www.fontdue.com/docs/platform/watermark-lookup.md): Identify the order behind a font file
- [Newsletters](http://www.fontdue.com/docs/platform/newsletters.md): How to get opted-in customers from Fontdue into your newsletter service
- [Analytics & reports](http://www.fontdue.com/docs/platform/analytics-reports.md): Track revenue, visitors, and prepare data for your accountant
- [Dashboard](http://www.fontdue.com/docs/platform/dashboard.md): The admin home with revenue, top sellers, and order trends
- [Website analytics](http://www.fontdue.com/docs/platform/website-analytics.md): Anonymous visitor tracking for your foundry site
- [Reports](http://www.fontdue.com/docs/platform/reports.md): Per-font sales analysis and monthly invoices for Fontdue's platform fee
- [Cookie consent](http://www.fontdue.com/docs/platform/cookie-consent.md): Show a consent banner on your website so visitors can opt in to analytics cookies
- [Storefront](http://www.fontdue.com/docs/platform/storefront.md): Customize the Fontdue surfaces your customers interact with
- [Integration](http://www.fontdue.com/docs/platform/integration.md): How Fontdue integrates with your site – the integration path, custom head markup, and deploy hooks
- [Branding](http://www.fontdue.com/docs/platform/branding.md): Your foundry's visual identity across Fontdue's surfaces – logo, fonts, and theme colors
- [Domains](http://www.fontdue.com/docs/platform/domains.md): Point your own domain at Fontdue, and send receipts from your own email address
- [Test mode](http://www.fontdue.com/docs/platform/test-mode.md): A separate sandbox store for trying out Fontdue
- [Content](http://www.fontdue.com/docs/platform/content.md): Using Fontdue as your content management system
- [Font collection content](http://www.fontdue.com/docs/platform/font-collection-content.md): Author the customer-facing product page for a family – descriptions, images, PDFs, and SEO
- [Designers](http://www.fontdue.com/docs/platform/designers.md): Create designer profiles and attach them to families, exposed through the GraphQL API
- [Pages](http://www.fontdue.com/docs/platform/pages.md): Author standalone pages like About, FAQ, or a licenses index
- [Articles](http://www.fontdue.com/docs/platform/articles.md): Publish blog-style content – news, fonts-in-use features, and release announcements
- [Add to your site](http://www.fontdue.com/docs/website/add-to-your-site.md): Load Fontdue.js and drop in components on plain HTML, Webflow, WordPress, Cargo, Framer, or a site you already run
- [Build your site](http://www.fontdue.com/docs/develop/build.md): An end-to-end walkthrough that installs the toolkit, points it at your store, and explains the files that turn your catalog into a site – in Next.js, Astro, React Router, or TanStack Start.
- [Set up the project](http://www.fontdue.com/docs/develop/setup.md): Install fontdue-js, wire it into your build, point it at your Fontdue site, and get it running locally.
- [Add the provider](http://www.fontdue.com/docs/develop/provider.md): Mount FontdueProvider once at the top of your app so every component below it can reach your store.
- [Use components](http://www.fontdue.com/docs/develop/components.md): How Fontdue's interactive components drop into your pages, and the identifiers that point each one at a font.
- [Lazy versus preloaded](http://www.fontdue.com/docs/develop/lazy-vs-preloaded.md): Whether a Fontdue component fetches its own data or renders from data you preloaded – and which your framework does.
- [Query the GraphQL API](http://www.fontdue.com/docs/develop/query-with-typescript.md): Fetch your catalog on the server with a small helper around createFontdueFetch and generated TypeScript types.
- [Build font pages](http://www.fontdue.com/docs/develop/build-font-pages.md): Render one detail page per collection with a dynamic route that fetches a collection by slug and renders it.
- [Revalidate data](http://www.fontdue.com/docs/develop/revalidate-data.md): Refresh a pre-rendered or cached site when content changes in the Fontdue admin.
- [Admin preview](http://www.fontdue.com/docs/develop/admin-preview.md): Reveal hidden and unpublished fonts on a server-rendered Fontdue site while you're signed in as an admin, without exposing them to the public.
- [Deploy](http://www.fontdue.com/docs/develop/deploy.md): Put your Fontdue site live on Netlify – set the store URL and revalidate token in production, allow your live domain, and point the deploy hook at it.
- [GraphQL API](http://www.fontdue.com/docs/develop/graphql-api.md): The public read interface to your store – query your catalog, pages, articles, and settings in one request.
- [GraphQL Playground](http://www.fontdue.com/docs/develop/graphql-playground.md): The in-admin GraphiQL IDE for exploring and testing queries against your site's public GraphQL API
- [How-to guides](http://www.fontdue.com/docs/develop/how-to.md): Self-contained recipes for the advanced detours – GraphQL codegen, sharing fragments, your own webfont CSS, Stripe Elements styling, consent-gated analytics, a headless CMS, and rendering components embedded in your content.
- [Set up GraphQL codegen](http://www.fontdue.com/docs/develop/graphql-codegen.md): Generate TypeScript types from your Fontdue GraphQL queries so data flows typed from the query into your components.
- [Share GraphQL fragments across queries](http://www.fontdue.com/docs/develop/share-graphql-fragments.md): How the template keeps shared fragments DRY – one fragment per file, pulled into queries and other fragments with #import.
- [Write your own @font-face CSS](http://www.fontdue.com/docs/develop/custom-font-face.md): Render custom @font-face declarations and preload webfonts by querying the GraphQL API
- [Customize Stripe elements](http://www.fontdue.com/docs/develop/customize-stripe-elements.md): Style the Stripe Address Element to match your site's design
- [Gate third-party scripts on consent](http://www.fontdue.com/docs/develop/gate-third-party-scripts-on-consent.md): Block analytics scripts until the visitor accepts cookies, then activate them automatically
- [Use a headless CMS](http://www.fontdue.com/docs/develop/headless-cms.md): Pull content from Sanity or another headless CMS alongside the Fontdue GraphQL API
- [Render components in your content](http://www.fontdue.com/docs/develop/render-components-in-your-content.md): Render Fontdue components that editors embed as HTML custom elements in collection descriptions and content pages
- [Migrate from v2](http://www.fontdue.com/docs/develop/migrate-from-v2.md): Upgrade an existing Next.js site from fontdue-js v2 to v3, file by file, including admin preview.
- [Components](http://www.fontdue.com/docs/reference/components.md): Cross-cutting reference for every Fontdue component, with usage in both the script tag and React
- [Store Modal](http://www.fontdue.com/docs/reference/store-modal.md): Self-contained shopping experience component
- [Buy Button](http://www.fontdue.com/docs/reference/buy-button.md): Button to open the cart for a specific collection
- [Cart Button](http://www.fontdue.com/docs/reference/cart-button.md): Button to open the Store Modal or cart
- [Type Testers](http://www.fontdue.com/docs/reference/type-testers.md): Group of type tester components for a collection
- [Type Tester (standalone)](http://www.fontdue.com/docs/reference/type-tester.md): Single type tester with inline content configuration
- [Character Viewer](http://www.fontdue.com/docs/reference/character-viewer.md): Interactive character and glyph explorer
- [Customer Login Form](http://www.fontdue.com/docs/reference/customer-login-form.md): Form for customers to access their order history
- [Test Fonts Form](http://www.fontdue.com/docs/reference/test-fonts-form.md): Form for downloading test fonts
- [Newsletter Signup](http://www.fontdue.com/docs/reference/newsletter-signup.md): Newsletter signup form component
- [Node Password Form](http://www.fontdue.com/docs/reference/node-password-form.md): Password protection form for font collections
- [Glossary](http://www.fontdue.com/docs/reference/glossary.md): Short definitions of the Fontdue terms you'll meet across the docs and admin
- [Settings](http://www.fontdue.com/docs/reference/settings.md): Reference for every tab in the admin Settings section
- [Configuration](http://www.fontdue.com/docs/reference/configuration.md): Configuration options for fontdue.initialize()
- [Hooks](http://www.fontdue.com/docs/reference/hooks.md): The React hooks fontdue-js exports for loading webfonts, reacting to cookie consent, and fitting text to its container.
- [Troubleshoot common issues](http://www.fontdue.com/docs/reference/troubleshoot.md): Common issues and solutions
- [Webfont CSS](http://www.fontdue.com/docs/reference/webfonts.md): Structure of Fontdue's webfont stylesheet – selectors, descriptors, and per-format details
- [The demo template](http://www.fontdue.com/docs/reference/the-demo-template.md): The built-in front-end Fontdue serves out of the box, with automatic behavior for product pages, navigation, articles, and special pages
- [Theme properties](http://www.fontdue.com/docs/reference/theme-properties.md): Every CSS custom property behind Fontdue's components – defaults, inheritance, and how to set them from your own styles
- [Purchasing power parity](http://www.fontdue.com/docs/reference/ppp.md): Offer regional pricing based on customer location
- [What's new](http://www.fontdue.com/docs/changelog/whats-new.md): Recent changes and improvements to Fontdue