Adjusting font properties in CSS

Ever got a font that looks whack i.e. isn't visually centered horizontally:

?

EZ. We can use

• ascent-override
• descent-override
• line-gap-override

inside the @font-face declaration to fix this.

In this example we would set descent-override: 10%; which results in a nicer look:

That's it... But of course, this is not available in Safari.

Steve würde sich im Grab umdrehen. :( RIP

Resources

• https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#descriptors
• https://stackoverflow.com/a/72243280