That’s what I call flexibility! A variable font is almost as agile as Lee Celledoni.

The new website

A glimpse in to the redesign of Luzi‑Type.ch

Last year I invested an extensive amount of time in publishing all my typefaces newly as a variable font.

Variable fonts are especially interesting for web design, which demands flexibility. Content on the internet has to work on variable formats, from a desktop computer to a smartphone, a typeface which is variable comes in handy.

In the web, typefaces have to be loaded from a server; this needs to be quick. One font-file is faster than various fonts.

Since all my typefaces are available as a variable font, I had the urge to use only variable fonts on my site.

Now all the typefaces you see on every page, are loaded as a variable font. Every individual font like Bold or Light Italic is defined via the CSS font‑variation‑settings. Like this, the site is lighting fast and renders perfect on every screen and size.

New Webiste Luzi Type Foundry

Every individual font-weight is displayed via CSS font‑variation‑settings.

New Webiste Luzi Type Foundry

Two font requests, one of upright and one for italic (total of 328kB) can display 144 font weights of Spezia Serif.

This way of web design is particular interesting for editorial needs. Every text category can be managed via the CSS variable font setting. In that sense, is the new Luzi Type website a proof of concept. I am curious to see more web typography build on variable fonts.

I hope you enjoy the new website. A big thank you to Róbert Mészáros for helping me with the backend!

→ Post Web Typography

← Blog