Google Fonts
Wolfgang Sauer
Template: Helix Ultimate 2.0.10 / Pagebuilder: 4.0.3
Hello,
I would like to use localy hosted google fonts. I did the setup for the custom.css and provided the fonts on my webserver. Within the custom.css, I've defined the h1..h6 with the google-fonts.
With disabled font settings in the Pagebuilder, everything works fine.
As soon as I enable the font settings, the font (same font as defined in the custom.css) is loaded from the google server. The Pagebuilder Option "Disable Google Fonts" doesn't make a different.
How can I use the Pagebuilder Typografie options with locally stored fonts?
Using the custom.css ist not very convinient for the customers. Is there an option (if not, can you include this feature), that the pagebuilder uses locally stored fonts (eg. in a defined directory) and only acess the google-servers, if the selected font is not available?
Thanks a lot, Wolfgang
Ariba
Accepted AnswerHello
Thank you for your query.
How can I use the Pagebuilder Typografie options with locally stored fonts?
Please follow the documentation link below on this, it will help you. Scroll down to "How to use Google Fonts from my server" in the documentation:
https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do
You can take a look at the tutorial another documentation too: https://www.youtube.com/watch?v=MfAIT8cMuv4
https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/google-fonts-and-dsgvo
Paul Frankowski
Accepted AnswerHi Wolfgang,
If you disabled Google Fonts in SP Page Builder Options and inside Template Options > Typography - you cannot choose Google Fonts anymore in addons. You should be able to see only default fonts: Arial - Georgia.
So yes, it makes a difference.
How can I use the Pagebuilder Typografie options with locally stored fonts?
Only via Custom CSS. If you have basic expirence with HTML and CSS you should know how it works.
For example you can define custom font for: H1-H6 and/or classes (from SPPB and/or custom ones). So it's very easy for your customer, you define font everywhere, and he/she don't have to touch anything just add/edit text.
Watch (DE): https://www.youtube.com/watch?v=VMfytsdxKHs