Log in Start free trial →

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 →

Svelte integration

To integrate Fontdue into a SvelteKit app, add the Fontdue.js snippet to the src/app.html file, at the bottom of the <body> tag.

You can now add the Fontdue components to your app.

For example, open the src/routes/__layout.svelte and add the Store Modal component, anywhere is fine. This will make sure the store modal is accessible on any page.

<fontdue-store-modal></fontdue-store-modal>

Add an example component to the src/routes/index.svelte file:

<fontdue-type-testers collection-slug="ibm-plex"></fontdue-type-testers>

Svelte integration