Best Practices Of Referencing Google Fonts.
lumajosh
Hi,
Per Helix Ultimate documentation - I've included a link to Google fonts in Before </head> section under Custom Code. Subsequently, under Typography, I've updated Body, Heading and Navigation to reference the very same Google fonts. I did not realize at the time that by doing so, I've made several duplicated calls to Google fonts which impact page load time. So the question I have, in order to remove duplication, if I were to remove all references for Google fonts from Typography, would my template still use Google fonts I want correctly? I just don't want to waste my time experimenting with the settings.
Thank you
Paul Frankowski
Accepted AnswerHi,
In my opinion (slightly controversial) in current (today's) versions of Helix and SPPB:
- Not using Font-Family settings in addons, just leave everwhere blank.
- Not using Typography from Template Options
But I would use Google Font website to generate only those fonts, and weight that I really use, then with that I would add it in Template Options > Custom Code > Before < / head >
and in custom.css or Custom CSS, I would define font for each HTML tag (body, H1, h2, H3, li ....)
A simplified version (#2) would be to simply use Template Options > Typography (but be very carreful what I set, to not make duplicates, as many webmasters does)
Paul Frankowski
Accepted AnswerAnd in general, try to use not more than 2 Google Fonts to have speed load time. Often even Google PageSpeed Insights "cries" if people use more than two.