#variable-fonts — Public Fediverse posts

#Design #Launches
Resistenza Type Tools · A collection of creative tools for working with type https://ilo.im/16ei4a

_____
#Fonts #VariableFonts #Animations #Typography #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Approaches
Type consistency in changing conditions · How grade preserves visual balance across contexts https://ilo.im/16eces

_____
#Fonts #VariableFonts #Consistency #Typography #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

How to Create Variable Fonts? https://weandthecolor.com/how-to-create-variable-fonts-a-complete-guide-for-type-designers/210054

#fonts #variablefonts #typography

UI concept:
1. show a slider on a button
2. I click on the button
3. there is no slider but a text input

#variablefonts #ui

#Design #Evolutions
The old typography is new again · “Optical sizing is once again relevant in digital design.” https://ilo.im/16d285

_____
#Fonts #VariableFonts #Typefaces #Typography #UiDesign #WebDesign #Development #WebDev #Frontend #CSS

Thanks @cjtype for pointing out that today May 10th marks 10 years of #VariableFonts!
A lost opportunity that we could have tapped into last week during the Modular Variable Font Workshop.

Anyhow!

“I wanna thank you for stepping into my life
And I promise you, I'll always treat you right”
— Dâm-Funk 2009

Created in https://MotionFonts.info Player by @simontruffer
Converted with PNG Animator and Animated PNG&GIF Editor
Optimised on https://ezgif.com #AnimatedGIF

On the train back from South Germany, I had the time to make a loop from the Modular Variable Font Workshop I gave at Merz Akademie in Stuttgart. #Modular #VariableFonts

It was again a blast, getting incredibly busy on Friday to finish the presentation.

Among my students, typo socialist @lemutsch

Software: @glyphsapp, @fontra (Yigit), @fontlab & #FontLab5 (Noah)
Animated in #Cavalry

#Design #Relaunches
A new Wakamai Fondue · Relaunch of the beloved font explorer https://ilo.im/16c3lm

_____
#Analyzer #Capabilities #Fonts #VariableFonts #OpenType #Typography #Browser #WebDev #Frontend #CSS

Fontra is an open-source, browser-based, cross-platform, variable-first font editor, developed by Black[Foundry] and Just van Rossum with support from Google.

https://fontra.xyz/ #OpenSource #FontEditors #VariableFonts #VariableFirst

Andrew Bellamy from the Otherwhere Collective built Relay, a fontdrop website. It’s in beta stage and he asks for your feedback (via mail):

https://otherwherecollective.com/relay-beta/

#webfonts #variablefonts #fontdrop

Contrast Foundry made a write-up on “How to design a variable font”.
#ContrastFoundry #VariableFonts

All three of our fonts are featured as examples 🥳
#PurpleHaze #ElectricBlue and #SilverCoil

https://contrastfoundry.com/projects/how-to-design-a-variable-font

Out of the Black and White: Unveiling the LGM 2026 Visual Identity

The black-and-white placeholder is gone. The new visual identity for LGM 2026 is live. We re:wired classical halftone printing into a real-time digital effect. The new design is built on custom WebGL2 shaders, algorithmic variable fonts, and animated screen angles.

Read the full announcement: https://libregraphicsmeeting.org/2026/news/2026-02-19_0001-design-update/

#LGM26 #LGM2026 #LibreGraphicsMeeting #LGM #WebGL #VariableFonts

Thank you so much @AleksandraSamulenkova for featuring #SilverCoil in your #TypeDirectorsClub story on moving type.

Movement Matters: Variable Fonts’ New Tonal Expressions

Tiny fact check: “While a built-in slider to move between masters might seem like a basic requirement for contemporary font editors, it only appears to be available in Fontra.”

@fontlab has native slider(s) since version 6.
In version 5, one could even find one in the Metrics Window, that was the #MultipleMaster technique though, and not #VariableFonts.

https://tdc.org/news/movement-matters-variable-fonts-new-tonal-expressions/

#Development #Techniques
Typographic scales and technical pens · Consistent stroke widths for type and icons https://ilo.im/169lln

_____
#Icons #Fonts #VariableFonts #Typography #Design #WebDesign #WebDev #Frontend #SVG #CSS

Neue DIN breaks new ground again with Italic & Retalic.

Despite the large size of Neue DIN, italics were missing. Not only because we wanted to design them with care, we also wanted to break new ground when it comes to something natural as italics. So we added not ‘only’ the 81 normal oblique fonts, but also the same number of backslanted variants. These Retalics offer novel possibilities in display contexts, for example.

This update increases the number of static fonts to a whopping 243. For those who prefer a more manageable approach, the variable font has been given a third axis for slanting in both directions. This one is especially fun. Try it out for yourself: https://fontwerk.com/fonts/neue-din

#NeueDIN #Backslanted #Fontwerk #VariableFonts #ad

Exploratory of variable fonts as a flexible design system in the production of signs in urban transportation at CDMX.

#variableFonts #googleSansFlex #javascript #fonts

I just noticed Playfair Display uses x-height numerals. For display fonts, it creates a very elegant, subtle statement—perfect for subtle, text aligned page numbers or pricing.

Other serif designs use different techniques to avoid the "Ally/a11y" misreading, but given the context and cultural usage, it’s rarely a functional issue. I’m wondering, if, and how, to use this for variations in Gooby. 🎨✨
#goobyfont
#Typography #TypeDesign #PlayfairDisplay #VariableFonts #a11y #DesignThinking

#Development #Techniques
Using CSS to fix the irradiation illusion · Improve dark mode’s font weight without layout shift https://ilo.im/168sgz

_____
#Fonts #VariableFonts #Typography #DarkMode #Design #UiDesign #WebDesign #WebDev #Frontend #CSS

Boo. #halloween #boo #variablefonts

Dear Designers: Stop Using System Fonts Like It’s 2005, by @webdesignerdepot.bsky.social:

https://webdesignerdepot.com/dear-designers-stop-using-system-fonts-like-its-2005/

#design #fonts #variablefonts

Two of our #VariableFonts made it into the next #Typodarium.

Published by Verlag Hermann Schmidt

June 21st #PurpleHaze
July 18th #SilverCoil
Both treleased via @futurefonts

https://typografie.de/produkt/typodarium-2026/

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