flickering text during page load kills the
user experience and can mess up your analytics tracking. you can use this specific css property to ensure the browser reserves the correct space for your custom webfonts.
font-display: swap;
this tells the browser to show a fallback font immediately and then
swap it out once the custom one is ready.
it won't stop all shifts, but it prevents invisible text. applying this to your @font-face declaration is a
simple way to stabilize your cls scores.