League Mono

variable

SIZE WEIGHT WIDTH

[the quick brown fox...]

Just some cool sci-fi film titles set in different variations.

The light weight in 20+ different css-specified widths

The widest style in 20+ different css-specified weights

Disclaimers

This was my first variable font. It is pretty wild, and fun. League Mono is free but I can see how a commerical license for a robust variable font could easily cost up to $1000 USD.

The variable font features on this website are implementing thorugh one WOFF2 file. The League Mono Github Repository has 40 instances (styles) of League Mono in OTF/TTF files if you'd rather skip the variable stuff (which isn't supported in Sketch, for instance).

Complicated webfont usages (animating variable settings with CSS, for instance) can overwhlem browsers. I know because I did it (and tried to avoid it as much as possible here). It's tempting to go crazy with a single 75kb TTF file, but those instances and interactions add up. Example: this webpage is under 300kb, but the 60+ different "styles" shown here will put a lot of work on the browser/user (sorry).

Lastly, if you use it and love it or hate it, let me know, it's a work in progress. I'm on Twitter.

Download ZIP or check out individual styles on Github or see my other stuff