Page 1 of 1

Embed Google Fonts inside a Project

Posted: Thu Jan 09, 2020 5:11 pm
by TheHobbyist
Hi there,

i'm new here and i have a little Question. How i can embed Google Fonts directly inside a Project? I need to know how
i can use the *.woff" Files directly (local) without google (it's a problem for eurepean users). My English is not the best but
i hope you know what i mean...

Hope somebody can help!

Thanks!

Re: Embed Google Fonts inside a Project

Posted: Thu Jan 09, 2020 5:29 pm
by BaconFries

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 10:18 am
by TheHobbyist
Thanks for quick answer but i can't find the Dialog where i can enable "Generate TTF" (look in my Screenshot)

Image

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 10:36 am
by Pablo
This option is not related to Google Fonts. It's only valid for "Automatically use @font-face for non-websafe fonts".
To use Google fonts, please use the built-in Google Fonts manager.

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 1:06 pm
by TheHobbyist
When I click Publish to export, only the "fontawesome-webfont.woff" file is created and exported to my "Local Publish" folder. But what I need is if I use other Google fonts in my project (for example the Google font "lato") - how can I export this font as "* .woff"? So the font should not be loaded via Google but via my local directory!

How can I do that?

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 1:22 pm
by Pablo
fontawesome-webfont.wof has nothing to do with Google fonts. It is part of FontAwesome.
Google Fonts will not be published. They are loaded from the Google server.

If you want to load fonts manually then please select "Manually specify @font-face fonts" and configure the font files yourself.
https://www.wysiwygwebbuilder.com/webfonts.html

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 4:29 pm
by TheHobbyist
Is it then possible to load google Fonts local (not from google Server) when i download the Font from google first - then convert it into the *.woff Format The i store it inside a local Folder - then i choose ("Manually specify @font-face fonts" and configure the font files?

Is this the correct way?

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 4:43 pm
by Pablo
1. Download the Google Font to your computer (this usually includes all formats).
2. Install the (ttf) font on your computer
3. Manually configure the font in WWB's font-face settings.
Now you can use the font in your website.

Related tutorial:
https://www.wysiwygwebbuilder.com/webfonts.html

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 5:43 pm
by TheHobbyist
hmm...it's not working - the Fonts are still loading from google

Settings made:

Image

But Fonts still loading from google and not local loaded

Image

what do i make wrong?

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 6:13 pm
by Pablo
Did you remove the fonts from the Google Font Manager?

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 6:48 pm
by TheHobbyist
No - is this the problem?

Image

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 7:19 pm
by Pablo
Please remove all items from the list.
If you are going to configure the fonts manually then they should not be in the Google Font Manager.

Re: Embed Google Fonts inside a Project

Posted: Fri Jan 10, 2020 7:29 pm
by TheHobbyist
okay, i will give that a try!