Hello,
Yesterday I asked a question https://forum.tagdiv.com/topic/google-fonts-not-working-on-mobile-theme/ and Simion C. redirected me to a link. The solution actually worked and now I am able to use my own uploaded fonts to the mobile theme.
But now when I know that, I only use few selected fonts like Poppins, Open Sans, Georgia, and Merriweather. Is there any need to load Google fonts on the desktop or anywhere? What I understood that mobile theme does not load google fonts so we need to upload and define new fonts under style.css to use it. But the same is not the case with the desktop version. So, here are few confusions/questions of mine. Please help me understand/resolve it:
1. When I download Poppins font from https://www.fontsquirrel.com/fonts/poppins , it has 4-5 TIFF files which I further converted into .WOFF to use it. But do we need to upload all these files which had different font-weight?
Can’s we upload just one normal font-weight Poppins theme and then define different font-weight under style.css like this:
font-family: 'poppins-bold', sans-serif;
font-size: 12px;
font-weight: 600;
Or do we have to upload all kinds of fonts with different font-weight and then there simply write the name of font-family under style.css and then there is no need to separately write font-weight? Please help me understand this.
2. To upload multiple font files, do I need to write this code again and again under style.css
@font-face {
font-family: 'add your font family here';
src: url('add the source url for the font. insert the path that leads to the font') format("opentype");
font-weight: normal;
font-style: normal;
}
If we have already defined font-weight while loading the font ( font-weight: normal;) as shown in the above code, can we change the font-weight again after specifying font-weight while using it under style.css or under custom style.css?
3. Since I use only 4 fonts throughout the site. Can we simply upload it and then remove loading all another kind of fonts including google fonts to increase the site speed? If yes, how can I remove it?
4. Our default font is roboto and open sans. Is the only way to change it with desired one is by replacing these fonts-family name or do we need to delete is from somewhere?
5. Does site loads all the uploaded fonts every time user visits a page or does it call only the used fonts on that specific page?
I know these questions are silly, but will help me a lot making my site faster.
Thank you.
Hi,
The mobile theme has no default option to change the font properties. I believe this is meant to help performance on mobile devices. Maybe options in this regard will be available in future updates, and also not have a major imapact on speed. We have not made any extensive tests with custom fonts, and I could not say how it would be best to use or modify the method provided in the topic. You will just have to make tests and see what is the best way to implement this for your website.
To upload multiple fonts you could check this topic
– http://stackoverflow.com/questions/7018535/use-multiple-custom-fonts-using-font-face
If you would like to remove google fonts you can check this topic – https://forum.tagdiv.com/topic/do-i-really-need-to-change-all-the-text-fields-for-fonts/
The fonts loaded will be only the fonts used on the website, not all the fonts available.
If you would like to make your website faster you can follow this tutorial
– https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks
