Ensure Text Remains Visible During Webfont Load In Magento 2

The way to do that is to specify a fallback system font that will display until the web font is ready. by using the CSS declaration font-display: swap, this tells the browser to display the text immediately with a fallback font and then swap it for the requested font face as soon as it loads.

Tools like GTMetrix, Google Lighthouse,Google Page speed insights

@font-face

@font-face