Matthias Ott avatar Matthias Ott

The Right Way to Use Web Fonts

Screenshot of “The Right Way to Use 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>?