Matthias Ott avatar Matthias Ott

The Right Way to Use fonts.com Web Fonts

Screenshot of “The Right Way to Use fonts.com Web Fonts”

Let’s talk about web fonts. More specifically, about a mistake I have seen developers make in several projects for different agencies: Embedding a web font in the wrong way.

All of this is also true for self-hosted font coming from elsewhere, and even for variable fonts.


  1. Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?

    Using object-fit: cover; in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source> in a <picture>?