Layout shifts with Google Fonts

I get page 'layout shifts' when I use 'Google Fonts'. If I say 'font-display: optional' to get round this then I do not see the Google fonts at all, as they do not load in time. I tried to reduce the size of the font file by specifying a font weight and by specifyng the letters in the alphabet as the 'text' to match. But the font file still takes too long to load. I also tried putting Google's intermediate '@font-face' rules directly in my CSS. But the font file still loads too slowly. I also tried downloading the font file onto my website. But the web server is a bit slow and again I do not see the Google fonts. My hosting provider is 'Hostinger'. I did not try adjusting the size of the system fonts to match the Google Fonts to remove the 'layout shifts'. This seems a bit complicated and may not work on all browsers. I am going to try loading fonts into my game using the JavaScript API. My game takes a few seconds to load an...