Pro fonts: Serve resources from a consistent URL

[Misho]

Hi!

I am left with no options anymore. I heave deleted all caches but the problem persists. same Google fonts are called twice, it seems, but in different order:

https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,400i|Raleway:300,300i,400,400i,700,700i&subset=latin,latin-ext

https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i|Nanum+Gothic:400,700,700i,400i&subset=latin,latin-ext

When I inspect the Homepage, I see that they are displayed twice, so it is not caching?

What could cause this? I don’t have any additional plugin that has specified fonts. Could you please take a look?

Thanks!

[Prasant]

Hello Misho,

Thanks for asking.

I checked the font template manager and I see that you have created two templates Body (Nanum Gothic) and Heading (Raleway). Can you please confirm?

Thanks.

[Misho]

Hi!

That is correct. Those are the two Fonts used for Body and Headings.

I have also enabled the Font Manager in Theme options, and for the Body and Headings I have selected those names from the Font Manager.

So everything appears to be set. But for some reasons, Googlefonts are being called twice, each time in different order. I guess that creates the duplicate request.

Thanks!

[Prasant]

Hello Misho,

Thanks for updating the thread.

I don’t see duplicacy of Google fonts in the source code. Can you please share some screenshot of the issue you are trying to report?

Thanks.

[Misho]

Hi!

When you search for this in the source code:

fonts.googleapis

You will find this in the Head:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,400i|Raleway:300,300i,400,400i,700,700i&#038;subset=latin,latin-ext" type="text/css" media="all" data-x-google-fonts />

Then again there is this after the x-root:

 <script>
      (function($){
        if ( ! $ ) return;
        var $gf = $('<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i|Nanum+Gothic:400,700,700i,400i&#038;subset=latin,latin-ext" type="text/css" media="all" data-x-google-fonts />');
        $('head').append($gf);
      })(jQuery);
    </script>

They are calling the same font, but in different way, causing duplicate request. I guess.

Also, GTMetrix say this:

Thanks!

[basanta]

Hi There,

Both the URL is for google font but both are different fonts. As the URL looks like same that’s why GTMetrix considers it as identical and serving from the different place.
If you check the URL they are from google server only.
I believe you can ignore it.

Thanks

[Misho]

Hi Thanks!

In the end, I have disabled the Font Manager and set the same fonts in the Typography settings. Since I use only two Google fonts, it is actually all the same. (And the ugly warning is gone)

[paul.r]

Hi,

Glad you were able to figure it out.

Have a great day!