This content originally appeared on CSS-Tricks and was authored by Chris Coyier
Jenny B Kowalski has been posting a-letter-a-day on Instagram exploring multi-axis variable/responsive letterforms. They are very clever in that one of the axes controls an uppercase-to-lowercase conversion, literally morphing the shape of the letters from an uppercase version to a lowercase version. The other axis is a stroke weight, which also dramatically changes the feel of the letters.
Here’s Q, one of my favorites:
She’s using p5.js, but I don’t see any reason these couldn’t be made into a variable font with custom axes.
OK here’s one more. I find the I/i very clever:
The post Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
This content originally appeared on CSS-Tricks and was authored by Chris Coyier
Chris Coyier | Sciencx (2021-04-30T16:02:53+00:00) Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms. Retrieved from https://www.scien.cx/2021/04/30/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.