Best practices of referencing Google fonts. - Forum | JoomShaper
Solved Helix Framework

Best practices of referencing Google fonts.

Asked by lumajosh 1 year ago Last activity 1 year ago

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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

Hi,

In my opinion (slightly controversial) in current (today's) versions of Helix and SPPB:

  1. Not using Font-Family settings in addons, just leave everwhere blank.
  2. 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)

2 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
1 year ago · edited

And 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.

lumajosh Asked this
1 year ago

Thank you, Paul. It would be great to incorparate your recommendations in Helix Ultimate documentation.

Paul Frankowski Senior Staff
1 year ago

easier would be create a new video for my YT channel.

Log in to reply.