How to Preload or Lazy Load Google Fonts on a Hidden Page

If Google font is on a page that has display: none;, how do you load the Google font before the page is viewable?

Is this even able to be done?

I guess maybe, like how you would it with images,

Is there such a thing as lazy loading Google fonts or something like that?

Can an example be made of it working like how I described?

Having google font loaded in the browser before display none is removed from the page where the font is.