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)
Python + Flask
Information
What’s new
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
Updates
Update 001
Update 002
Update 003
© Fontdue, 2022
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>