Discover the ideal typography for your website

I know what to do, take me to the calculator

The responsive font calculator is designed to help you discover the ideal typography for your website by entering a base font and ratio. It will automatically calculate and display the font sizes of your headings for desktop, tablet and mobile view in an instant.

The calculation is instant using a formula based on the ratio.

#1. Change the Font Paragraph size in the input field

This should be the font you will use on your website for a normal text paragraph

#2 If needed tweak the ratio

Be gentle. The ratio is the core of the calculation

#3 Choose your font for a correct preview

We have added Google fonts in our examples below

#4 Modify the preview text

Eventually try using accents to determine how your font is behaving

Need a hand?

leadstreet is providing you with this free calculator as fonts are really important on your website. Need help with your HubSpot website? Give us a call. Happy to help!

Try the responsive font calculator