Search

TODS

TODS: “an open source typography and opentype default stylesheet” from Richard Rutter.

I like the idea of slightly-opinionated stylesheets that do a bunch of things you might forget to do, or just as likely, don’t know you can do to begin with. There are loads of goodies in here including a slew of utility classes for specific OpenType features that are all useful in niche situations. I’ll another something that stuck out to me: font-weight: 1 1000;

Include full possible weight range to avoid unintended synthesis of variable fonts with a weight axis.

Wanna be a better web typographer?

Frontend Masters logo

It was once famously said that the web is 95% typography. You can't be a web designer and ignore type! We have an in-depth course on web typography from Jason Pamental getting into things like responsive styles, variable fonts, font loading, and more.

One response to “TODS”

  1. Avatar Anubhav says:

    https://www.w3.org/TR/css-fonts-4/#font-weight-prop

    New: font-weight: [normal | bold | <number [1,1000]>] | bolder | lighter;

    Older: font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;

Leave a Reply

Your email address will not be published. Required fields are marked *

Frontend Masters ❤️ Open Source

Did you know? Frontend Masters Donates to open source projects. $313,806 contributed to date.