How the fonts get added to a web page?

HTML-CSS
1

Is the default font-families we mention in CSS (e.g., Arial, Verdana, Helvetica, sans-serif, etc) gets added to the webpage from the system fonts?

Then where does the fonts coming through CDN (say Google Fonts) gets saved to the system?

2

Google fonts are not loaded from the local system. There is either a link to it (head element in HTML) or an import it (CSS).

You can download the font family but then you’d have to have a server in order for others to see it too.

3

Thanks for the reply!

I am asking if default fonts are getting added from system, then when we import Google-Fonts, is it saved in the system (say in /tmp) or it is interpreted by browser in the run time.

4

They use the browser’s cache. You can read more on the Google Fonts FAQ

1 Like
5

Thanks a lot. Have a good day :blush: