Home › Forums › WoodMart support forum › Do all fonts need to be loaded?
Do all fonts need to be loaded?
- This topic has 3 replies, 2 voices, and was last updated 4 years, 4 months ago by
Elise Noromit.
-
AuthorPosts
-
May 21, 2021 at 2:30 pm #294426
Florian HonoldParticipantHello, I am currently optimizing my pagespeed. Desktop is very fast. However, mobile still needs improvement. Hence the question of whether my custom fonts, which are stored locally, all have to be loaded. I never need all the font styles. Mostly 300/400 and 600. See also screenshot. Thanks for your help.
Attachments:
You must be logged in to view attached files.May 21, 2021 at 8:24 pm #294513
Elise NoromitMemberHello,
You can upload your custom fonts. Please follow this instruction: https://xtemos.com/docs/woodmart/faq-guides/upload-custom-fonts/
If you have any questions please feel free to contact us.
Best Regards
May 22, 2021 at 5:58 am #294574
Florian HonoldParticipantI don’t think you understood the question. The fonts are already uploaded and everything works. The question was whether there is a possibility that not all font styles are loaded. I usually only need a few. As you can see in the picture, they are all loaded.
This creates a loading volume of 500kb. this corresponds to 50% of the total size. I want to minimize this by only loading the styles and fonts I need.
May 22, 2021 at 7:10 pm #294707
Elise NoromitMemberHello,
The recent theme version does not load the fonts that are not used on the site.
Google fonts
Prior to our 6.0 update, when you select any Google Font in our Typography settings, all its variations and font-weight are loaded on your website. We made it work this way to ensure absolute compatibility with all CSS rules on your website. But it is a bad approach in terms of performance. So now we load only 2 font weights by default: 400 and 700 or 300 and 600 (it depends on font). By doing this, we have reduced the number of font files loaded by 50-70% in different situations.INFO. Note that you still can load any font-weight you need on your website. If you see that some font-weight is missed, just go to Theme Settings -> Typography and select the desired font-weight for some of the font groups.
System font stack
If you don’t want to load any external font files at all, you can select our system font stack in Theme Settings -> Typography. It will load different fonts depending on the system you are browsing the website on. Using Mac OS you will see one font, using Windows – another, and so on. It is a great option for performance but obviously, the visual aspect will not look as good you might expect.More details are provided here: https://xtemos.com/docs/woodmart/faq-guides/woodmart-update-6-0-explained/
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register