Google Fonts not displaying properly with latest Pro

[501creative]

In the last week I have run into an issue with two different sites using Google Fonts through the fonts presets alone in Pro 4.0.10. In both cases I had to add the Google Font linking code in the _meta.php to get the fonts to display, rather than using the fallback font.

The first site was using “Averia Sans Libre”. The site designer had the font installed locally on her computer and was able to view the font on the site. I keep my own computer free of anything but the default system fonts and was seeing the fallback font.

The other site used “Open Sans” and displayed a similar problem. Safari appeared to be displaying an entirely different font, perhaps Helvetica. Chrome was displaying the correct font. After adding the link code Safri displayed the proper font. I noticed the display of the font in Chrome changed slightly after the code was added, so perhaps was also using their fallback.

For now I am adding the link code on every site using Pro, but I assume this is not the intended process. I did notice that Google now has an additional “preconnect” link that I hadn’t see previously. Could this have broken the function?

< link rel=“preconnect” href=“https://fonts.gstatic.com” >
< link href=“https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap” rel=“stylesheet” >

Thank you.

[ruenel]

Hello @501creative,

Thanks for writing in! This is a known issue in the latest release of the theme. Our developers have already been informed and they are working on a solution. Once they’ve fixed this, it will be integrated when we roll out our next release update cycle.

Please bear with us.

[501creative]

Thank you. We are holding off updating the other sites until he next release.

[rubin]

You’re welcome!

[mjshelley]

ETA on the next release? Also causing a 404 on my site - “Open Sans”

https://fonts.googleapis.com/css?family=opensans:600,300,300i,700,700i,600i,800,800i&subset=latin,latin-ext&display=auto

Incorrect URL being generated by your theme.

[marc_a]

Hi @mjshelley,

Please update your theme to the latest version because this was mark as solved in our issue tracker and you can also check it on our changelog.

Hope that helps.

Thank you.

[501creative]

Confirmed that the latest update does not require the additional link code. Thank you so much for the fix. I didn’t see any reference in the change log referring to Google Font so didn’t try the update.

[alexander]

Hi @501creative,

Thank you for confirming. I’m sorry about that. It was actually the Pro 4.1.1 release. I’ll correct the changelog so it is reflected.

[501creative]

Correction: I am still seeing this issue, but it now has a twist. I am using the same header for pages on my site. The font is being used for the top-level items on the home page, but all secondary pages use the fallback font.

[501creative]

And sorted it out again. I took a look at the theme options for Typography and the chosen fonts had an odd look to the names. “Averia Sans Libre (Google)” was “averiasanslibre” for example. Selecting the font again caused the name to display as expected and the font to appear on the secondary pages.

[matt]

Ok, glad to hear you’ve got it working again now, @501creative.