Font-To-Width

Font‑To‑Width (FTW!) is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.

Many changes/improvements are coming, but you can still download it from Github in the mean time.

The demo below, based on a photo of shuffleboard standings from Jason Santa Maria, uses all 6 widths of the Panorama font collection from Production Type.

Shuffleboard Standings

Pilot Division

Fussy Puckers
5
1
Gowanus Dolphins
5
1
Beglin for More
4
2
Brooklyn Nets of Shuffleboard
4
2
Brooklyn Shuffle
4
2
Gloria Agnes Saul & Morty
4
2
Goner
4
2
Kitchensurfing
4
2
Suicide Alley
4
2
Arecibo 5 Minutes
3
3
Board to Death
3
3
Gowanus Swim Club
3
3
Helbraun Levey & O’Shufflehue
3
3
Mighty Pucks
2
4
Shufflelords
2
4
Sludgie’s Revenge
2
4
The Elder Novices
1
5
The Shufflettes
1
5
Todd and the Shuffleboards
0
6

Cherry Division

Shuffleupagus
6
0
Shufflebags
5
1
Swift Biscuits
5
1
Truffle Shuffle
5
1
Ain’t Nothin’ but a G Tang
4
2
Pootie Tang
4
2
Shufflebirds
4
2
When Push Comes To Shuffle
4
2
The Meatlballers
3
3
No Sleep ’til Boca
3
3
Science Oven
3
3
Shifty Mother Puckers
3
3
Biscuitcases
2
4
Gowanus Buoy #7
2
4
Harlem Shuffle
2
4
Kitchen Magnates
2
4
Waxed Biscuits
2
4
Early Retirement
1
5
The Jimmy Jam Fam
1
5
Gorilla Biscuits
0
6

Hammer Division

Flour, Water, Biscuit, Eat It!
6
0
Atomic Fireballs
5
1
Perpendicular Bisectors
5
1
Wild Tang
5
1
Dino Sliders
4
2
The Flamingo Kids
4
2
G-Squared
4
2
Supertang
4
2
Biscatz & Crossbones
3
3
The Jerks
3
3
The Mighty Biscuits
3
3
Psychotic Shufflers
3
3
Risky Biscuits
3
3
Romancing the Biscuit
2
4
The Rubber Biscuits
2
4
Shufflepuff
2
4
The Bahi Hut Sneaky Tikis
1
5
Identity Crisis
1
5
Steve Buscemi Eyes
1
5
There Will Be Biscuits
0
6

A few notes