screenshot with examples of a type scale

A Great Tool For Online Typography

I appreciate good design. I get super geeky about design for the web. And over the past several of years, the tools for web design have grown by leaps and bounds. I’m talking about the technology and browser advancements that have made it possible to do new things all the time. Typography is a big part of that. An endless array of fonts have become the answer to the technical limits of the sacred seven fonts of the 90’s.

With a nearly unlimited capability of fonts, weights, and spacing available on the web today, there’s no doubt that there’s paradox of choice that stifles even the most veteran of designers. I’m always excited to come across new tools that make it fun and easier to help overcome these challenges.

Enter Type-Scale. A self-proclaimed “visual calculator for typography”. And I don’t disagree with them. I first learned of this tool from Scott Tolinski on the Syntax FM Podcast. It gives you control over several elements of typography, including font, font-weight, line-height, and color. Then, get this… it applies your choice of scale to it. In other words, pre-defined mathematical calculations for the ratio of fonts sizes for the various weights you need in your HTML. That is awesome! There is no doubt this will become a go-to tool for my web dev adventures moving forward.

Tagged in: