Yesterday I made a d-tour via Luzern to meet Felix Päffli from Studio Feixen.
Literally the nicest guy! 🫶
We found some similarities in our explorations with #VariableFonts.
Duh, Studio Feixen did EVERYTHING in their new font MOV:

https://fonts.studiofeixen.ch/mov/

#Development #Techniques
Using Google’s variable fonts · How to take full advantage of their capabilities https://ilo.im/1645b5

_____
#Google #Fonts #VariableFonts #Typography #ProductDesign #UiDesign #WebDesign #WebDev #Frontend

How to use variable fonts from Google Fonts: Chip Cullen

Google Fonts makes a lot of great variable fonts available, but it's not terribly clear how to make use of those fonts. Here are some tips on how to take full advantage of their super powers.

Chip Cullen

Any variable web font experts have time to help me out? I’m trying to animate the weight axis of individual letters in a mono width variable font, but the kerning gets janky when the weight changes. I can turn off kerning, but I'd rather not.

I made a CodePen. This isn’t the font I’m using (respecting the license), but I’m having the same issue. I may be trying to do something impossible because they’re in `span`s.

https://codepen.io/srwild/pen/LEPwVPZ

#VariableFonts #WebFonts

Axis Change on Glyph Hover

...

“A Typeface for Kids” – Frontend Masters Blog

If you’re designing something for kids, you’ve always got Comic Sans as a typeface choice. We make fun of it, but it really is playful and nice and quite readable. It’s not nearly this egregious. I’m sure you can find other good options out there too, but big high fives to the gang at Underware […]

I made stickers for my typeface Velzyland and I’m so happy with how they turned out. Velzyland includes a COLRv1 color variable font so all of the color gradients, depth and highlights you see here are built in to the font itself, along with other color pallets and variable depth and highlight axes. I love making exuberant merch like this to go with an exuberant typeface like Velzyland #typefaceDesign #COLRv1 #variableFonts #typeface #design #font #graphicDesign #colorFonts #velzylandTypeface #CJType #sticker #hologram

Online Workshop: Transform Your Typeface into a Variable Color Font with @sophiatypelove

Apr 19–Apr 20, 2025
9:00am–12:00pm PT (5:00pm–8:00pm GMT)
2 sessions, 3 hours each

Learn more and register: https://letterformarchive.org/shop/transform-your-typeface-into-a-variable-color-font/?utm_source=Mastodon

#DesignWorkshop #TypeDesign #VariableFonts #ColorFonts #Ad

Transform Your Typeface into a Variable Color Font

Learn how to create a new color font using the latest color font format technology.

Letterform Archive

Any variable web font experts have time to help me out? I’m trying to animate the weight axis of individual letters in a mono width variable font, but the kerning gets janky when the weight changes. The only solution I’ve found is turning off kerning, which is not an option. I replicated the issue on CodePen. This isn’t the font I’m using (I’m respecting the license), but I’m having the same issue.

https://codepen.io/srwild/pen/LEPwVPZ

#WebFonts #VariableFonts #WebTypography

Axis Change on Glyph Hover

...

Bitzer is the latest #typeface by James Plattner, now available on Future Fonts @futurefonts Designed for headlines, #logos and editorial design, Bitzer’s narrow proportions allow for efficient #text arrangement without compromising #readability. 🔗 https://futurefonts.xyz/james-plattner/bitzer

#variablefonts #newfont #typedesign #typefacedesign #typefaces #fontdesigner #fonts #fontdesign #variablefont #futurefonts #jamesplattner #therightfont

Bitzer by James Plattner - Future Fonts

An experiment in testing boundaries, Bitzer selectively observes and breaks the established rules of Latin flat brush calligraphy. Bitzer speaks with a voice that is equal parts trustworthy and contemporary. Cutting edge without feeling overly irreverent. A visual balance of order and chaos… you get the idea. Bitzer was designed for use in headlines, logotypes and editorial design. Its narrow proportions aren’t exaggerated but allow for succinct delivery within a few lines of text. Sharp twists of the pen give the letters a bottom-heavy quality, adding a sense of gravity into the visual texture, which becomes more pronounced in heavier weights. For trial fonts or inquiries, please write Jplatt79@gmail.com :)

Future Fonts

How about some good news for a change?

#Affinity has fixed (this time for real) the #kerning in #VariableFonts.
I tested the lastes beta (2.6.0.3058) and all tested fonts work as supposed.

🥳

Cc: @nicksherman @barrymieny @LucasFonts