revsider has an option to preload fonts, which in my case means it will be served from the CDN. The problem I have is that when I choose to preload it affects the font on theme x. I am using montserrat font for theme x, its something between 400 and 500. I also use it on revslider.
Please help.
Hey @Bark201,
Can you clarify or give us specifics of what you mean by:
Here are the fonts that are loaded in your page.
Montserrat:400,400i,700,700i|Lato:700&subset=latin,latin-ext Montserrat:400%2C300%7CRaleway:600%2C400%2C500%2C300%7COpen+Sans:600 Montserrat:400%2C300%2C600%7CRaleway:600%2C400%2C500%2C300%7COpen+Sans:600
Only one of them is loaded from X. I’m not sure of the others.
Thanks.
Its currently not preloading the fonts. What I will do is give you 2 screnshots of before the preloading and after the preloading and I will also take a screenshot form the source code. The other fonts that you see are from revslider (I think).
I will upload the screenshots in a secure note in several hours.
Hello There,
Please do upload them so we can compare it and check how it is loaded.
Best Regards.
Thank you for your reply. There are a few things I dont understand. The first thing is that only the homepage is affected. I have revlisder on other 2 pages and everything works fine with I preload the fonts for revslider.
The other surprise is that for logged in users it works fine on the homepage, the fonts for theme x is the same so I dont really know what the issue is. Also, if I dont use montserrat as a font in revslider would that fix it?
Hey @Bark201,
After taking a look at your screenshots and analyzing them. this is not a bug but but rather a difference in systems. As you know, our development team is not the maker of Slider Revolution. The font system in Slider Revolution is only for itself and that is also the case for X. But, the bottom line here is, you load the font and you give your text element that font-family. The only problem is, like I said, the difference in systems so if you load a font in Slider Revolution, you can select that font within Slider Revolution’s interface but you can’t choose that font within X. That is the same in X when you setup a font in the Font Manager and load the font up when you select it anywhere in the theme’s font interface but you can’t select it in Slide Revolution’s interface.
Also, X will always load Google fonts from Google’s server regardless if preload in Slider Revolution is disabled or enabled so what I would recommend in this situation is, load the Montserrat font from X only and that is for the reasons below:
For faster page speed, you should only load a font set once. If you load a different set in Slider Revolution, not to say when you enable preloading, you’re requesting the same font from a different source (your CDN), you’re adding some weight to your page load.
X loads the Google font and style from the head so it applies to every text element in the page that uses the Montserrat font family. If you disable the font from X, you will only apply the Montserrat font to the text elements starting from your slider because it loads the font within the body where your slider is.
The only downside is, you’ll use some CSS for your slide layers.First, select your text layer and use a system font. Then, go to Attributes and assign a class that you will target to apply the Montserrat font like this.
Then, go to your Slider Settings and in the Custom CSS box, write your CSS.
Additionally, you can set a font weight but note what font weight you used in X.
.montserrat {
font-family:"Montserrat" !important;
font-weight:300 !important;
}
Regretfully, there is no solution for this for the reason I’ve explained above.
Thank you for understanding.
Thank you for your reply. There are a few things I dont understand. The first thing is that only the homepage is affected. I have revlisder on other 2 pages and everything works fine with I preload the fonts for revslider.
The other surprise is that for logged in users it works fine on the homepage, the fonts for theme x is the same so I dont really know what the issue is. Also, if I dont use montserrat as a font in revslider would that fix it?
Its reducing external http requests so its actually better for me.
Hello There,
You may use System fonts like Arial, Times, Helvetica or any font that is common to every computer system to reduce external http requests. Please also keep in mind that more layer images would contribute to the http requests in your site.
Hope this helps.
I am aware of it, thank you. What I struggle to understand is why revslider is only affecting my body font on one page for logged out users and for all other pages revslider is in there is no impact whatsoever, its only the homepage.
Hello There,
It could be that the homepage has a slider and other pages does not have any slider on it. The fonts will only be loaded if the slider is present on the page.
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.