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
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>