BACK HOME

Myzel Type­face

Variable Font Micro Site

Ooops! Sorry, but your browser does not support the magic that is normally going on here. Please come back later with a updated browser or with current versions of Chrome, Firefox etc.

Check out some variable font features of Myzel. It works for body text (mild version), yes, like you see on this webiste. But the real magic happens in the other style (the wild version):
It moves!


Myzel wild



Myzel mild



Myzel mild and wild crossed



Myzel wild with two Axes



Myzel is made for browser usage.

This example is animated by CSS and Javascript.



Test Myzel yourself

Examples for Mobile Devices


e


Knollen
blätter


These animations are done with javascript (thanks Noud Liefrink and Dinamo Foundry for the code!).


Examples for Desktop Devices

Hover above the big words below and click on them! Just works for DESKTOP, not for mobile.


Cleared


Ways


Rome


e


These examples are for desktop usage, because you can use CSS properties like :hover or :active.

The variable font was designed during the TypeMedia course (20/21) by Lukas Horn.

The font contains three parallel interpolations, that can be connected to each other:

Thanks to all people that gave advice and helped out (a list will follow)!