Looking for further guidance on the Newspaper theme font configuration, as the provided guides aren’t comprehensive. There seem to be settings everywhere, fighting for priority.
I want to set 2-3 default fonts of my choice for the entire site, but it isn’t straightforward.
Setting ‘page title’ font under theme panel -> theme fonts -> pages doesn’t actually change anything. Am I right in thinking these settings are only for the standard pack and not applicable to custom cloud templates?
If the above is true, I think I need to use Website Manager to create global fonts. I see the option to add fonts, but how can I assign them globally? i.e. how can I define a font for page titles across the site?
There’s also no option to choose font size or weights under Website Manager. Therefore, if I have multiple templates and blocks and want, for example, body text to be the same size, do I need to go and edit them all individually?
Lastly, are they any recommendations for optimisation? What implications does enabling/disabling Google Fonts have? Same for disabling the theme’s default fonts. Website Manager also has an option for iOS and Android when specifying global fonts, is this an override for mobile devices?
Thanks for the help, I’m sure some answers to the above will be helpful to both myself and the wider Newspaper user base.
Hello!
Yes, you are right. Unfortunately, you can’t assign them globally. You should set the font to each element. There is only a possibility to do that, if you will install a demo with global fonts already done and already assigned to each element. The guide is here: https://forum.tagdiv.com/font-customization/
You have the settings to change font size or weights on each element. They could be custom, with different values and not the same.
You can copy-paste for example a flex block in the tagdiv Composer. Right-click on the element -> copy and paste after another element by clicking on other element, right-click -> paste. Also, you can change some settings for style to one flex block (copy-style) and apply on other blocks(paste-style).
We recommend you to have the fonts locally stored. Check this thread: https://forum.tagdiv.com/topic/how-do-i-disable-the-mobile-share-button-and-font-optimization/
That option will load alternative fonts for different devices. So, you will have a little bit more control about what font will display there.
Thank you!
Hi Bettina,
I’m still struggling to get the fonts working how I would expect. Currently creating a new website locally and have the following settings:
Use Google Fonts, Use Google Fonts On Mobile, Load Default Fonts – all disabled as seen here: https://imgur.com/a/lbEMGqF
Then, under Website Manager, I have three defined Global fonts – as seen here: https://imgur.com/cytGDhz
Lastly, when creating a page, one of the three Global fonts defined above is set for each element.
Everything looks good in the page creator, yet when I view the published page none of the fonts are loaded. I have to turn ‘Use Google Fonts’ back on in order to get the set fonts to appear.
There are no third-party plugins installed and no caching.
Where am I going wrong?
Hello!
Establish if you want to enable/disable the Google Fonts for the whole website. If you disable this option, the website will load the fonts founded in the system.
Thank you!
