© Fontdue, 2022
Wordpress + Semplice
We created this example site to show a simple integration
First, set up your Semplice site → https://www.semplice.com/first-steps
Make sure you add your Semplice site domain name to the Cross-Origin API Access setting in your Fontdue site settings. This will whitelist your site for access to the Fontdue API and webfonts. (For the example, we entered
The remaining steps refer to the Semplice admin panel. (Make to click Launch Semplice)
Navigate to Settings → General → HTML Head, and copy this code:
- Paste this code. Replace
example.fontdue.xyzwith your Fontdue URL.
Adding Fontdue widgets
Create a Project for each of your typeface projects.
To add widgets like Buy Button and Type Testers, click Modules and drag in a Code block.
When you preview the project page, clicking the Buy Button should now open the Fontdue modal for that particular font family.
For full widget documentation, visit the docs.
Add configuration for your Fontdue-hosted webfonts for your site's typography.
Navigate to Customize → Webfonts, and Add Resource.
You need to create one webfont Resource for each of your site's font families.
Now click Add Webfont and add each style. Make sure you select Via Fontname and always use the settings shown in the screenshot. Only the System Name changes for each font style.
You should see the webfonts loading in the list after adding them:
Now you can navigate to Customize → Typography, and choose the new fonts for your site's typography.