- This topic has 5 replies, 2 voices, and was last updated 8 years, 6 months ago by
Tom.
-
AuthorPosts
-
September 19, 2017 at 3:34 pm #388322
AMBTL
Hi,
My issue is probably quite rare and not very serious, but I would like to optimize it nevertheless.
Not counting a few FontAwesome icons, I only use Open Sans on the site.
I set up Open Sans everywhere in Typography Options.
I thought everything was fine, until I tested the site in MS Edge.
I frequently use non-English characters, such as Č, Ř, Ě – and Edge inserted these letters from some funky font instead of Open Sans, which looked quite bad. Opera/Firefox don’t have this issue.So, here is what I did: In GP Hooks I imported this to the head:
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800&subset=latin-ext" rel="stylesheet">And it works, Edge displays the pages correctly, but as far as I can tell Open Sans is loaded twice. Once the regular set, and then Latin-Extended.
Google PageSpeed Insights tell me:
Optimize CSS Delivery of:
which shows that
Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic
from the regular subset are being loaded. My site doesn’t need them, when I import 400,600,700,800 from the Latin Extended subset.
Perhaps, there is some trick:
a) to make GP load Open Sans-Latin Extended or
b) to make GP not to load Open Sans at all, because it is imported via GP HooksOr perhaps there is a better way?
I would like to make the site as fast as possible and avoid unnecessary file requests.
Cheers
TomSeptember 19, 2017 at 8:46 pm #388427Tom
Lead DeveloperLead DeveloperYou can tell GP to use your needed subset using this filter: https://docs.generatepress.com/article/generate_fonts_subset/
Let me know if you need more info 🙂
September 22, 2017 at 1:33 pm #390240AMBTL
Thank you very much, Tom. As far as I can tell, it’s working fine.
Is there also a simple way to get rid of 300, 300 italic, 800 italic, which I don’t use and am unlikely to use in the future?September 22, 2017 at 6:02 pm #390309Tom
Lead DeveloperLead DeveloperYep, check the variants for your selected font: https://docs.generatepress.com/article/google-font-variants/
September 22, 2017 at 6:19 pm #390310AMBTL
Oh, got it. Didn’t see that before in Typography. Fantastic. Thanks 🙂
September 22, 2017 at 8:48 pm #390335Tom
Lead DeveloperLead DeveloperYou’re welcome 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.