Who doesn't want a size adjust?

When we set up our preferred font-family in stylesheets, we usually include some fallback fonts. But have you ever checked if your fallback fonts have the same perceived font size? Fonts have an aspect value, which is the height of lowercase letters (like “x”) relative to uppercase letters. This aspect ratio can vary between fonts. Luckily, browsers can use this value to automatically adjust the font size when switching to a fallback font. Pretty smart, right?

To make this happen, we use the font-size-adjust property!

.font {
  font-family: Verdana Helvetica;
  font-size-adjust: 0.549;
}

And here’s even better news: As of Chrome version 127, font-size-adjust is now supported across all major browsers and is part of the new Baseline.