Now I’ve got my site looking as I want, I’ve started to improve its performance. That’s going very well, but there is one issue that is dragging down my GTMetrix PageSpeed score.
GTmetrix reports that three identical copies of newspaper.woff are being loaded. I.e.:
/wp-content/themes/Newspaper/images/icons/newspaper.woff
/wp-content/themes/Newspaper/images/icons/newspaper.woff?17
/wp-content/themes/Newspaper/images/icons/newspaper.woff?19
I’ve looked in the /themes/Newspaper/images/icons/, which contains newspaper.woff (I cannot find woff?17 or woff?19 anywhere in /themes/newspaper/.)
From other posts on .woff, I see it’s used for some of the special characters, but is it really necessary for three identical copies of it to be loaded?
Here’s a screenshot of the GTMetrix PageSpeed report.
(I’ve disabled ‘Use Google fonts’ and ‘Load Default Fonts’ in the Theme Panel.)
Is there any way of forcing just a single copy of newspaper.woff to be loaded?
TIA,
Nigel
Hi,
These extra links are add in these files:
-> wp-content/themes/Newspaper/font-newspaper.css on line 30
-> wp-content/themes/Newspaper/gutenberg-editor.css on line 1252 https://i.imgur.com/nSF4Pft.png
-> wp-content/themes/Newspaper/editor-style.css on line 1198 https://i.imgur.com/H9wUa0Z.png
-> wp-content/themes/Newspaper/style.css on line 5576 -> https://i.imgur.com/ooFN0oi.png
All these are @font-face if you do not use theme, then you can remove theme from theme.
Thank you!
Thanks Calin
I think I only use them in the menu and I don’t use the Gutenberg Editor. I’ll play around and see what I can do.
Thanks for your help.
Nigel
I got around the problem by installing the Font Awesome plugin and changing the icons on the Header Main Menu to use them. Only newspaper.woff?17 is loaded as it’s used ‘Social icons’.
Ideally I like to change the icons in ‘Social icons’ to use the Awesome icons. Can you let me know how I can do that as there doesn’t seem to be an option to change them as there is with the Header Main Menu?
Thanks
Nigel
Hi nhowarth, this can be done only if you are removing the icons from theme files and add them use code skills or using :before/:after element from css -> https://www.w3schools.com/cssref/sel_after.asp
Thank you for your understanding!
Sadly, that’s beyond my capabilities. đ
Thanks
Nigel
Hi, this is really not easy for us eider (for the support team), if you want to do this you can check our custom services from here -> https://tagdiv.com/web-development-services/ then one of our developers will handle this request for you.
Thank you!
Hi Calin, I appreciate that it’s not easy for you (the support team either.) So you can appreciate how much more difficult it is for me who last programmed a computer in 1974.
I think the ideal solution in the longer term is for the developers to enable the user to choose which icons they wish to use as they’ve done with the Header Menu in a theme update.
In the Header Menu today a user can choose from Font Awesome, Typicons, Open Iconic, TagDiv Multi-purpose and Font Newspaper for the icons they wish to use.
Regards
Nigel
Hi nhowarth,
I noted this on our list for suggestions and our developers will check it and hope they will make an improvements for social networks to be more flexible.
Thank you for your understanding!
Thank you Calin
Regards
Nigel
