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:
Source: https://css-tricks.com/jenny-b-kowalskis-a-z-and-a-z-as-variable-letterforms/
More from CSS Tricks
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project
Source Node: 1636966
Time Stamp: Aug 24, 2022
Some Cross-Browser DevTools Features You Might Not Know
Source Node: 2025888
Time Stamp: Mar 22, 2023
Making Calendars With Accessibility and Internationalization in Mind
Source Node: 2009236
Time Stamp: Mar 13, 2023
Saving Settings for a Custom WordPress Block in the Block Editor
Source Node: 1771677
Time Stamp: Dec 12, 2022