The concept of Fluid Typography was tossed around a couple of years ago. The main idea is that if you know what size your font is at two different viewport sizes, then you can have the font scaling smoothly between the two sizes. We had a jQuery solution for this in FitText (meant of headings, of course) until the
calc() function was shipped giving us a pure CSS solution.… Read article
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't quite up for the job (e.g.
font-size: calc(3vw * 3vw); /* This doesn't work in CSS */), he does land … Read article
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
Richard Rutter (calling it "Responsive Display Text"):
… Read article
In one fell swoop you can set the size of a display heading to be proportional to the screen or browser width, rather than choosing from a scale in a series of