Do google fonts work on your web, while offline?

Question

Since we're linking to the Font, I thought maybe it wouldn't work while offline.

Will the fonts (from google) still work while you offline?

Answer 1

You can always download Google fonts to your web folder.
Eg. Goto https://fonts.googleapis.com/css?family=Roboto&display=swap, save the contents in roboto.css with local reference of woff paths, download all the woff2 files

Link it using
<link href="roboto.css" rel="stylesheet">

Answer 2

Not if you use the link provided by Google Fonts. You can, however, download the fonts on the desktop version of Google Fonts. Then you can make a font face:

@font-face{
font-family: myCustomFont;
src: url(myfont.ttf);
}

And then use it like this:

element {
font-family: myCustomFont;
}