How do you NOT load unused theme fonts

Wynne Pirini

• February 12, 2020 06:54

Hi there,

I'm using the yoga theme in a wordpress page.

I'm using only Open Sans font.

But the theme insists on loading every single font available to the theme... even though they're not used by any html on the page.

How do I remove these unused fonts?

(I'm in the middle of page load optimization)

4

• 

  Alex

  • February 12, 2020 10:04

  Hi,

  there is no easy way to do this. It needs some extra work. What you can do is set Open Sans to all the available options in theme settings. If you have a single font on all of these options, it should only upload this font.

   

  0
• 

  Marco Michely

  • February 16, 2020 10:44

  I am using the brizy starter theme and only use 2 Google fonts via Brizy builder. But "cabin" and "lato" are always loaded also from google. Why is that?

  0
• 

  Wynne Pirini

  • February 16, 2020 18:11

  Alex, when I use Open Sans for all styles, ALL the other fonts associated with the yoga theme load up. There must be at least a dozen or more fonts loading up... even though they're not being used.

  Is there any way to disable this behavior? It's messing up my web page speed optimization efforts.

  1
• 

  Raquel Garcia

  • February 18, 2020 18:08

  I also have this problem.

   

  It is loading 18 fonts for variations of Montserrat, Lato and some "?brizy-font=", and a https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js script even when I deleted all of the fonts, changed on the builder, and added them manually on the server and with font-face on the child theme.

   

  I also saw when the fonts are uploaded trough the builder, it still loads all the other fonts, it doesn't add display:swap, and the loops on the code are wrong, they generate a file for each font, with all the fonts on them...

   

  All this affects terribly to performance.
  
  Are you planning on giving maintenance to this or not? So I can tell my customer. They are really worried about performance.

   

  Thanks!
  
  Taisa

  1
• 

  Alex

  • February 19, 2020 10:29

  Hi guys,

  I have opened a ticket for each and we will inspect the problem on your websites. Please answer me there and sent the login details. Thanks.

  1
• 

  Sebastian Widmann

  • February 24, 2020 07:59

  Same problem here - Lato is always included, even if I do not use Lato. The big problem is, in Germany, it is not allowed to use Google Fonts because of GDPR (in Germany it is called DSGVO). That's why this is a very big problem.

  Best regards
  Sebastian

  1
• 

  Alex

  • February 25, 2020 08:06

  Hi Sebastian,

  I have opened a ticket for you and we will check why Lato is included even if you do not use it.

  0
• 

  Raquel Garcia

  • February 25, 2020 09:02
  • Edited

  But this is something about the builder, all of us have the same problem.

   

  The Lato font is included in

  \brizy\public\editor-build\129-wp\editor\preview.css

  \brizy\public\editor-build\129-wp\editor\editor.css

   

  Also, the file \brizy\admin\fonts\view\fonts.css that seems like a template or script, creates a file for each font, with all the fonts within.

  And also with a font-face for each file type, and weight (when it would be better to make only one font-face).

   

  What I couldn't track is why Montserrat is being called...

  2
• 

  Alex

  • February 26, 2020 08:40

  Hi Raquel,

  Our developers are already inspecting this. Once I have a clear answer from them I will come up with details.

  But I think it will most likely be a general update on this.

  0
• 

  Bradley Schmidt

  • March 27, 2020 16:03

  Any progress on this issue Alex?

   

  Brizy Pro WordPress is loading all the Google fonts in Pro. This is a complete waste of resources and slows the site down. Also need option to add "display: swap"

  1. Request URL:
     https://fonts.googleapis.com/css?family=Montserrat:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic%7CJosefin+Sans:100,100italic,300,300italic,regular,italic,600,600italic,700,700italic%7CNoto+Serif:regular,italic,700,700italic%7CRoboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic%7COverpass:100,100italic,200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,800,800italic,900,900italic%7CRed+Hat+Text:regular,italic,500,500italic,700,700italic%7CDM+Serif+Text:regular,italic%7CBlinker:100,200,300,regular,600,700,800,900%7CAleo:300,300italic,regular,italic,700,700italic%7CNunito:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,800,800italic,900,900italic%7CKnewave:regular%7CPalanquin:100,200,300,regular,500,600,700%7CPalanquin+Dark:regular,500,600,700%7COswald:200,300,regular,500,600,700%7COxygen:300,regular,700%7CPlayfair+Display:regular,italic,700,700italic,900,900italic%7CFira+Sans:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic%7CAbril+Fatface:regular%7CComfortaa:300,regular,500,600,700%7CKaushan+Script:regular%7CMerriweather:300,300italic,regular,italic,700,700italic,900,900italic%7CLato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic&subset=arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese,arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese

   

  1
• 

  Alex

  • March 30, 2020 14:13

  Hi,

  all Google Fonts? Do they load even if you don't use them? Please send a link to your site and I will take a look. Also, please make sure you have the latest Brizy version - Free 1.0.122 and PRO 0.0.39.

  0
• 

  Bradley Schmidt

  • March 30, 2020 15:42

  Yes, all Google fonts - per Chrome Dev tools. See screenshot.

  https://otelloenergy.com/

  The latest versions of both plug-ins installed.

  

  Thx

   

   

  0
• 

  Alex

  • March 31, 2020 11:29

  It seems that all these fonts are loaded by the plugin you use for cache -  LiteSpeed Cache. Try disabling the plugin and you will see the difference. It's not Brizy PRO that loads them.

  0
• 

  Bradley Schmidt

  • March 31, 2020 14:44

  Oh wow. That is a surprise ... a caching plug-in doing that. My mind boggles. Sorry to have troubled you with this.

  Thank you Alex.

  1
• 

  Wynne Pirini

  • March 31, 2020 18:22

  Interesting... I use OpenLiteSpeed, too. And, I'm having the same issue.
  
  
  

  1
• 

  Alex

  • April 01, 2020 12:57

  Does it also upload all google fonts? I suppose these plugins have an option to disable this.

  0
• 

  Bradley Schmidt

  • April 02, 2020 16:02

  Hi Alex. I've had a bit of time to play around with this, experimenting with various settings in the LiteSpeed plug-in.

  On the Tuning tab in the LiteSpeed plug-in, there are 2x settings specific to Google Font optimizations. I've disabled both.

  

  Now my page header loads this directive - does Brizy generate this link tag?:

  <link data-asynced="1" as="style" onload="this.rel=&quot;stylesheet&quot;" class="brz-link brz-link-google" type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic|Josefin+Sans:100,100italic,300,300italic,regular,italic,600,600italic,700,700italic|Overpass:100,100italic,200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,800,800italic,900,900italic|Red+Hat+Text:regular,italic,500,500italic,700,700italic|DM+Serif+Text:regular,italic|Blinker:100,200,300,regular,600,700,800,900|Aleo:300,300italic,regular,italic,700,700italic|Nunito:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,800,800italic,900,900italic|Knewave:regular|Palanquin:100,200,300,regular,500,600,700|Palanquin+Dark:regular,500,600,700|Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic|Oswald:200,300,regular,500,600,700|Oxygen:300,regular,700|Playfair+Display:regular,italic,700,700italic,900,900italic|Fira+Sans:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic|Abril+Fatface:regular|Comfortaa:300,regular,500,600,700|Kaushan+Script:regular|Noto+Serif:regular,italic,700,700italic|Merriweather:300,300italic,regular,italic,700,700italic,900,900italic|Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic&amp;subset=arabic,bengali,cyrillic,cyrillic-ext,devanagari,greek,greek-ext,gujarati,hebrew,khmer,korean,latin-ext,tamil,telugu,thai,vietnamese">

  0
• 

  Alex

  • April 03, 2020 12:33

  There is a simple trick to checking this. If you disable the plugin will this directive be loaded?

  0
• 

  Bradley Schmidt

  • April 03, 2020 12:55

  Hi Alex. The site went live recently, so the WP license moved from the dev site to the live site. I will need to test it at an off time. I will revert as soon as I've done this test.

  0
• 

  Eagle Lin

  • April 07, 2020 18:58

  https://jumpshare.com/v/L1xRwcHF242PYet5tmO0

  Why can't I delete Lato ?

  0
• 

  Alex

  • April 09, 2020 11:47

  Hi,

  this is related to the subject of the post and it will be fixed in one of the next updates.

  0
• 

  Bart Raymakers

  • April 10, 2020 06:25

  Hello,

  I've got the same problem. Hope you find a solution to fix this so that only the used fonts wil be loaded … Now the initial load time is way to high. My website: www.webdesignbart.be. If I test the speed on www.webpagetest.org I find many things slowing down my website. Should I open a ticket so you can inspect this?

  0
• 

  Alex

  • April 10, 2020 13:10

  Hi,

  You don't have to open a ticket. This needs to be fixed, globally, not locally on your website. We are waiting for a fix from the developers.

  0
• 

  Brandon K

  • May 02, 2020 18:33

  any progress?

  0
• 

  Alex

  • May 05, 2020 12:26

  Hi,

  yes. Our developers have done some work and now if you delete all Google Fonts from Brizy, they will not load. The only font that will be loaded is Lato. This is the basic Brizy font and unfortunately cannot be deleted: https://jumpshare.com/v/DIuHdH25uunOlPI84GDS It has been deleted from CSS files so that does not contradict the GDPR.

  1
• 

  Brandon K

  • May 05, 2020 14:05

  I'm a cloud user, is this affecting me and do I still need to delete the fonts?  

  0
• 

  Alex

  • May 06, 2020 13:44

  Hi,

  yes, if you don't want them to load, you have to delete them. You can leave only the ones you use or the ones added custom.

  0
• 

  Brandon K

  • May 06, 2020 14:30

  1. Can I see a list of fonts I've used on my website so I don't accidentally delete one I used?

  2. For the fonts I keep, is it still going to unnecessarily load every language the font is available in?

  0
• 

  Alex

  • May 07, 2020 16:24

  1. You can see a part of them in the Styling tab: https://jmp.sh/yIai0uB If you added some specific fonts to the items on the page, I'm afraid you can't find them in a list somewhere.

  2. I'm not sure I understand what you mean. Can you please expand the question?

  0
• 

  Brandon K

  • May 08, 2020 16:00

  I was under the impression that every available language was being loaded for each font, even if the only language used was english and this was also slowing down load times.  Is this incorrect?

  0

Please sign in to leave a comment.