X-Cart forums

[xgarb]

Using this tool http://yellowlab.tools I've discovered that my site is loading 58 webfonts!

In View/CommonResources I found this:

                array(
                    'url' => '//fonts.googleapis.com/css?family='
                        . urlencode('Open Sans:300italic,400italic,600italic,700italic,400,300,600,700')
                        . '&subset='
                        . urlencode('latin,cyrillic,latin-ext'),
                    'media' => 'not print',
                ),

Should I over-ride this?

I imagine I only need this Open+Sans:300,400,700 and the latin subset for a European language site?

[qualiteam]

I believe it is not that code that adds these 58 fonts - I've tried to check my XC5 installation with that website and it states that my site has 4 fonts only.

What is the list of your 58 fonts?

[xgarb]

Here's a test for a basic install..

http://yellowlab.tools/result/eo09vuo23z

showing 30 fonts http://yellowlab.tools/result/eo09vuo23z/rule/fontsCount

I'm pretty sure that these are loaded as one file by the browser but there's still the bandwidth to consider. Although there is this Our cross-site caching is designed so that you only need to load a font once, with any website, and we'll use that same cached font on any other website that uses Google Fonts..

I see this in the header:
<link href="http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600 italic%2C700italic%2C400%2C300%2C600%2C700&amp;sub set=latin%2Ccyrillic%2Clatin-ext&amp;1487706193" rel="stylesheet" type="text/css" media="not print" />

which must be coming from

'Open Sans:300italic,400italic,600italic,700italic,400,300,600,700')
                        . '&subset='
                        . urlencode('latin,cyrillic,latin-ext'

The site doesn't need Cyrillic or latin-ext characters and the italics can be simulated (and are possibly cached anyway) so I would just use 300,400,700.

[qualiteam]

Oh, you are right! It is the same in Crisp White theme for me.
I've reported this to the XC5 dev team.

[xgarb]

I'm not sure this is the best way of doing this with regard to caching of previously loaded fonts but this really brings down the number of fonts loaded.

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&text=abcdefghijkl mnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!%22#$£%& '()*+,-./0123456789:;<=>?@[\]^_`{|}~" rel="stylesheet">

[xgarb]

Further reading.. https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization

Looks like the browsers (some of them at least) only download the parts of the font needed to show the page. There's an explanation at the end of the page for this.

I'm looking into getting a subset of the font loaded earlier so the visible content can be output to the browser sooner.

[xgarb]

more interesting reading...

https://www.zachleat.com/web/comprehensive-webfonts/

[qualiteam]

I've got a reply from the XC5 dev team. They made a number of tests and found that browsers loads only the fonts that are used on the page. You may check this on the Network tab of the browser's developer console.

Also, this link confirms this partially:
https://github.com/google/fonts/issues/113