11
Jenny B Kowalski's A-Z (and a-z) as Variable Letterforms | CSS-Tricks
source link: https://css-tricks.com/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/?ref=sidebar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Jenny B Kowalski’s A-Z (and a-z) as Variable Letterforms
Chris Coyier on
Apr 30, 2021
Find and fix web accessibility issues with ease using axe DevTools Pro.
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:
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK