- 1 File
- 2 Name & stack
- 3 Fallback 1
- 4 Fallback 2
- 5 A/B test
- 6 CSS
Upload your font
Drag and drop or browse: we'll auto-extract the font name for the next step.
Please enter a font name.
+
Showing:
+
Showing:
Layout-shift test
Compare what users see while the font loads, with and without the tuned fallback. The shifting block is highlighted in red.
Upload a font to enable the test
Sample text
Font size
Without tuned fallback
With tuned fallback
CSS ready to ship
Copy or download this CSS to integrate it into your site. Don't forget to save your work too if you want to find it again in the database.
Custom delay
Adjust the simulated loading delay to mimic a specific network condition. The test will use this value until you switch presets.
100 ms
10 s