WordPress Fluid Type Generator

iamgaby7521

Gaby F.

Posted on April 16, 2024

WordPress Fluid Type Generator

A small tool that generate CSS font-size clamping based on the WordPress and Gutenberg formula. You can adjust the scale factor, viewport, and font sizes, and the tool calculates and displays the resulting CSS clamp() function in real-time. This assists in creating responsive typography that scales smoothly between specified viewport sizes. The values from scale and viewports are the defaults used in Gutenberg.

Hi! While working in a new block theme on WordPress, I got to this place again where I wanted to know what would be the clamp() result of my fluid type from a theme.json; tired of having to do a lot of steps and not finding a solution that gave the exact function that Gutenberg uses I created my own solution

💖 💪 🙅 🚩
iamgaby7521
Gaby F.

Posted on April 16, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

WordPress Fluid Type Generator
wordpress WordPress Fluid Type Generator

April 16, 2024