Font management

Hi

Within theme settings, I chose 2: hind 400 + palanquin 600 (see formerly attached image).

This results in Basel theme requesting to load all the types (eg for Palanquin: the 100 + the 200 + the 300 + the 400 + the 500 + the 600 + the 700). Via this instruction:

href=’//fonts.googleapis.com/css?family=Hind%3A300%2C400%2C500%2C600%2C700%7CPalanquin%3A100%2C200%2C300%2C400%2C500%2C600%2C700&subset=latin-ext&display=swap&ver=5.3.0

Q1: why do you “impose” to load all styles (here all available weights) when only 1 weight is used and defined so in the theme?

Q2. How to limit the download strictly to chosen 2 ones? Eg how to only download palanquin 600 + + Hind 400, when only 600 is chosen in the theme?

Kind regards

Hi,

The absolute key priority is speed (priority n°1 for UX, growing pressure from Google) … on mobile.

When I look at a simple product page, for this specific layout, the weight of fonts is excessive: Main image is 45k (on mobile), fonts weight 200k (see attached). On total bytes, fonts weight 3 times more in bytes than images (see image attached=xtemos72a)

Re. font awesome. During last days, I tried another theme, in the settings, they propose not to download the full FA library, and use instead a local library … with the few needed ones (ie cart, my account, search, social, …).

Re font weights, if not mistaken, on the page, all texts are written with the fonts and weights chosen via theme settings. So, why instruct for all weights in all styles for all available unicodes? (see image attached=xtemos72b)

And if no font-weight is defined is theme settings, then download the full library …

My understanding is also that, if normal is chosen for font style and an

Hi,

After deeper investigations …

Re. font awesome:
OK, your comment enabled me to find the solution. My footers, as you recommended me, were made via html blocks. And when you add a link to, for instance instagram, the icon is automatically added by Wpbakery. But it can be changed, via text editor. And it works

“Re font weights”
I was not understanding why you wrote that … but finally found why… Even if a given font and weight -say Palanquin 600- is chosen for titles, this choice -what I supposed to be imposed everywhere by default, can be over-ruled by your elements … or wp bakery’s … without a way to correct. And so, the Palanquin 600 can become a 700 … somewhere like in attached.
And this is very … tricky and impossible to manage on case by case. So:
1. As of now, it would be nice to have a way to only load latin + latin ext.
2. Could you please clarify what Simple-Line-Icons and basel-font are needed for, even when specific font are chosen? Can they be easily replaced by fonts chosen via theme? Asking because if is as tricky as for font weight … well ….
Waiting for your feedback
Kind regards

Hi,

After deeper investigations, I discovered that the services like GTmetrix, webpagetest etc are not reliable on fonts, and meaning that they are not giving the right picture.
Indeed, the browser loads what it needs, so the genuine picture is different.

Re. your fonts, I understand. Indeed, they can’t be replaced by a lighter library. This said, since both are icons, why don’t you do only 1 file? What would help to simplify the whole

Kind regards

That could contribute. Reduce the number of requests. Simplify html parsing.
That’s what is called marginal gains. Which addition gives something more visible.
But agreed, your use of deprecated and old unsecure js is more important than this little detail.
Among others
Kind regards