I have read the public ticket: # 2329462 because I want to fix the Page Speed Insight problem: "make sure the text is visible to the user while the web fonts are loading". But in the end I have not found any solution ..
My question is where do I have to put the "font-display" property so that google font can use it? I have installed a child theme.
Also, I would like to load only the Google Fonts that I am using and not the entire Google Fonts package.
Attach to this message you can find the settings for my topic on typography.
I have also prepared everything necessary to load the fonts through the "@facefont" property directly on my server and thus avoid calls to google font servers and speed up the loading of fonts on the web, but I'm not sure if this option It is the best choice for Google Font fonts.
My goal is to improve the loading speed of the web.
Thank you for your help, but if I’ve installed the Child Theme isn’t better to input the code in the css style’s in the editor?
And the other question is how to load only the Google Fonts that I am using and not the entire Google Fonts package? Is there any good practice for get it?
Hello,
I have read the public ticket: # 2329462 because I want to fix the Page Speed Insight problem: "make sure the text is visible to the user while the web fonts are loading". But in the end I have not found any solution ..
My question is where do I have to put the "font-display" property so that google font can use it? I have installed a child theme.
Also, I would like to load only the Google Fonts that I am using and not the entire Google Fonts package.
Attach to this message you can find the settings for my topic on typography.
I have also prepared everything necessary to load the fonts through the "@facefont" property directly on my server and thus avoid calls to google font servers and speed up the loading of fonts on the web, but I'm not sure if this option It is the best choice for Google Font fonts.
My goal is to improve the loading speed of the web.
Nerea Diaz
Hi There,
The font-display property can be input in Salient > General Settings > CSS/Script Relates in the custom css code.
Thanks.
Hi, Andrew
Thank you for your help, but if I’ve installed the Child Theme isn’t better to input the code in the css style’s in the editor?
And the other question is how to load only the Google Fonts that I am using and not the entire Google Fonts package? Is there any good practice for get it?
Sorry for my bad English.
Nerea Diaz
Hey Again,
Try using this Plugin or similar: https://wordpress.org/plugins/swap-google-font-display/ .
Thanks
ThemeNectar Support Team