Experiment to show font file is not downloaded if it is not used in html

English Hindi Urdu Tamil Kannada
This is a sentence यह एक वाक्य है। یہ ایک جملہ ہ இது ஒரு தண்டனை. ಇದು ಒಂದು ವಾಕ್ಯ

Note : Inside the css file - English, Hindi, Urdu, Tamil, Telugu and Kannada (Total 6 ) fonts are declared and even their classes have been created. But since some of the classes are not used anywhere inside html file, their fonts files are not downloaded. Observe in network tab, fonts for telugu and kannada were not downloaded even though they are declared in CSS file.

Moral of the story is - We can declare multiple fonts in a single CSS file. Fonts files will be downloaded only if it is used somewhere in the html.

Open tab and then click above button and then observe network tab. After clicking this Kannada font is downloaded as ka class is added to the last column (Yellow cell).