We have a stepped container that hosts a custom component. The custom component loads Google fonts:
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
Right now we are facing the dreaded Flash of unstyled content issues - where the content gets rendered in the wrong font for half a second and then is re-styled with the Google font.
Is there any good way to delay the rendering of the custom component, until the google font is loaded