June 29, 2018
There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we can use and different considerations to think about. Let us count the ways.Magic Number it with viewport units
If you set type with vw (viewport width) units, y...
April 28, 2017
Fluid typography is pretty amazing. We have a writeup of how it all works. But as fancy as that is, it’s still scaling the type linearly. What if we wanted the type size to fall along a curve? The math gets a bunch more complicated, but it’s possible.
Jake Wilson digs in, and while he finds that calc() isn&...
December 15, 2016
There have been a couple of articles lately regarding fluid type.
Matt Smith (calling it “flexible type”):
My preferred approach for more flexible type is to calculate the font size based on the viewport height and width using the :root selectorRichard Rutter (calling it “Responsive Display Text...