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

⚡

Start free trial →

Cargo

We started by creating a site with the “Untitled” template.

The example site we set up is available here –

https://fontdueexample.cargo.site/

In your Fontdue admin, add your Cargo URL to the Cross-origin access setting, without the trailing slash, e.g. https://fontdueexample.cargo.site

On the Design tab, click Custom HTML and past the Fontdue.js snippet. You may need to add the first two <script> tags and click Save before adding the final script. (Cargo seems to want to disable the latter script until the first one has loaded).

Above those script tags, also include the following to make the cart available on every page.

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

To add Fontdue widgets to the page, click on the Content tab, then Untitled page.

At the bottom, in the tool panel, click on Code view and add the following:

<fontdue-buy-button collection-slug="ibm-plex"></fontdue-buy-button>

Replace the ibm-plex with your own collection’s slug.

Cargo