An interactive web experiment combining a springy-baseline hover effect with a variable font whose glyphs can flex to match the baseline’s curvature:
https://hex.xyz/Shop_Sans/boing/
The CSS code is based on demos from
@cssCSS by T. Afif
with tips from
@kizuRoma Komarov yesterday:
https://front-end.social/@css/116006138838064149
The variable font is Shop Sans, which I made for exactly these kinds of curved-baseline situations:
https://www.futurefonts.com/hex/shop-sans
It’s just CSS with a variable web font (no JavaScript involved) and would have been impossible until fairly recently.