#variablefonts — Public Fediverse posts

#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

#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

#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

#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

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

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

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

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

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

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

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

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

#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

#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

#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. fontra.xyz #OpenSource #FontEditors #VariableFonts #VariableFirst

Fontra

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. fontra.xyz #OpenSource #FontEditors #VariableFonts #VariableFirst

Fontra

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

Watching this talk about variable fonts made my brain go: "…Inkscape? Inkscape! Inkscape. PLEEEASE. Want. NEED! Inkscape. Inkscape 🥺 … 😖 "

https://app.media.ccc.de/v/39c3-variable-fonts-it-was-never-about-file-size

😮‍💨

#Inkscape #VariableFonts

#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

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

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

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

Happy New Year :)

#typography #animation #typedesign #variablefonts

Regarding the browser as context, when do variable fonts are worthy?

In my point of view only when there are some typography animation, or when you really use the full "family" (which is rare) or else it is just extra Kb over the wire and one is better off cherry picking weights and styles.

It is a bit annoying that some fonts are now variable fonts only which were not before, although I understand that maintaining both might be an hassle.

#webdev #typography #variablefonts #woff2

I wrote a command line tool to stretch #SRT subtitles between two time codes measured in a movie file, e.g. the first and last line of dialogue in the movie.

So when you have a SRT file that is at a slightly different „speed“ or your movie has some extra titles at the beginning, the tool can adapt your SRT file to that.

My knowledge of #font #interpolation and #variablefonts axis mapping made this really simple ;)

#Development #Techniques
Adapting typography to user preferences with CSS · Font adjustment to suit your reader’s liking and comfort https://ilo.im/14el4n

_____
#WebTypography #Content #Readability #Accessibility #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #MediaQueries #CssCustomProperties #CssNesting #PrefersColorScheme #PrefersContrast #VariableFonts #Fonts

Update to my post about using #VariableFonts in theme.json: As of #Gutenberg 16.3.0, they show up correctly in the editor! Previously they were just a bit messed up, annoying but I dealt with it since it worked fine on the front end.

#WordPress #CustomTheme

https://cr0ybot.com/2023/07/using-variable-fonts-in-theme-json/#editor

ICYMI: My exploration of variable fonts in a custom #WordPress block theme:

"In order to make use of a variable font like Recursive, which has more than just a weight and slant axis, my solution is to use the same variable font file while defining separately-named font faces. This gives us font options in the editor to use a **cursive** style and **monospace** style, which are custom axes that Recursive provides."

https://cr0ybot.com/2023/07/using-variable-fonts-in-theme-json/

#Gutenberg #WebDev #VariableFonts #CustomTheme

Early Bird registration is now open for #ATypI Paris, May 9–14. Member tickets are $495, non-members $575. Students get a great deal at $250 (we’re including pandemic-era graduates too!) https://atypi.org/2023/02/27/all-early-bird-tickets-released-for-atypi-paris/

#typedesign #typography #fonttech #graphicdesign #designresearch #variablefonts #typeeducation #frenchdesign #atypi2023

Can someone please update me on CFF2? Is it… usable/stable? Can it be used realistically outside of Adobe apps? Any reason not to offer it to customers (alongside typical VF-TTFs of course)? Is it better to use AFDKO or FontMake for CFF2 fonts? Anything else I should know?

For some reason I’ve been sleeping on CFF2 fonts, would appreciate a schooling!

#font #engineering #fontdev #adobe #cff2 #variablefonts

XYZ Type’s Polymode Sans is one of the more interesting variable font ideas. They designed with and for Polymode who used it on our #Strikethrough catalog and many other things. @benkiel, @jesseragan, Silas Munro, and Brian Johnson will present it on Monday at @coopertype with a livestream: https://coopertype.org/events/what-is-realness-freeing-type-from-a-fixed-viewpoint

#TypeDesign #VariableFonts #Fonts #Typography

Can anyone who’s familiar with Designspace 5.0 tell me how I can get an upright master and an italic (oblique) master to generate a single variable font? It seems using <axis-subset /> it’s an either/or situation.

#fontdev #variablefonts

#Development #Launches
Font performance resources · Handy resources for understanding web font performance https://ilo.im/1613zj

_____
#Fonts #VariableFonts #Tools #Fallbacks #Debugging #Hosting #WebPerf #WebDev #Frontend #CSS