@Samilew mentioned this in another thread, but I want someone to confirm:

Unused font files won’t be loaded if it’s not used in the style of any element. If you are loading a font file just for a single element or header, it might not be worth it.

I built a site based on a template that used Fonts 1 and 2. I used Font 3 instead, including several weights, removing Fonts 1 and 2 on any template elements I used. But we kept the templates in an off-public folder and those unused pages still use Fonts 1 and 2. When we publish the site, assumedly the code will call Fonts 1, 2, and 3.

Question is: If user is on a page that only uses Font 3, and the code for that page calls the legacy Fonts 1 and 2, does the browser still load those 2 fonts, even if they aren’t used anywhere in that page?

If yes, is there any way to completely remove Fonts 1 and 2 short of going through every unused template page and changing them to Font 3? Or deleting all the unused templates (which we don’t want to do, in case we need them in future)?

Specificity is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is based on the matching rules which are composed of different sorts of CSS selectors.