Hello,
In Germany loading Google Fonts is a problem in GDPR (sould be same in whole Europe). And this is because an IP address is a personal identifier.
The layers I talked to recommend to localise the fonts and not to use GoogleFonts.
I have this problem all the time and I solve it in the way I describe below. Without any plugins. I hope I can help a bit.
BTW, I use
Jasmine template as example template.
This description only works with the newer J51 templates.
For localising your Googlefont go to the website of Google Webfonts Helper:
https://google-webfonts-helper.herokuapp.com/fonts
There you get all CSS and font files you need.
In the upper left corner you can search for your font. E.g. choose "Open Sans".
There are two search results, Open Sans and Open Sans Condensed. Click on Open Sans.
At #1 Select charsets: if you need another charset than latin (which is for western languages like English, German, Italian and so on) choose it.
Than go to #2. There you can choose all font styles you probably need, like 300 , 300 italic and so on. Regular is size 500 at Open Sans and so on.
Go to #3: here you get all the CSS you need (for the styles you have choosen at #2).
I always create a new CSS file called "local-fonts.css" (you can choose a name you want^^), but you can also copyit to the custom.css if you use one.
After that I copy the css code to this file.
At #4 you can download the zip file with all styles you have choosen before. Save the file locally and unzip it.
Now you should open your FTP program like FileZilla and connect to your server with your Joomla installation and got to the templates folder.
Transfer the local-fonts.css file to the CSS folder of the template. E.g. in Jasmine template it is "/templates/j51_jasmine/css/".
Then copy all the files from the unzip folder via FTP to the folder "/templates/j51_jasmine/fonts/" in your template folder.
If you do it like this you do not have to change the references in the local-fonts.css. All URL's in that css file point to the correct font file.
References in your locals-fonts.css look like this: "url('../fonts/" This tells the browser to go one level back from /css to /j51_jasmine and then go to /fonts.
Now the font references work, the font files are uploaded to your Joomla template but the template still shows Google fonts.
Its now time to tell the template what to do: in my example of Jasmine template go to "/templates/j51_jasmine/inc/" and get the
"fonts.php".
Open this php file in a texteditor like UltraEdit32 or similar.
At the end of the file you find a loop starting with "
foreach {..."
It looks like this:
foreach ($googlefonts as $v) { // loop
$app->getDocument()->addStyleSheet('//http://fonts.googleapis.com/css?family=' . $v . ':' . $font_weights . '&&subset=' . $font_subset);
}
comment out the code with /* ...Code... */.
It should look like this:
/* foreach ($googlefonts as $v) { // loop
$app->getDocument()->addStyleSheet('//http://fonts.googleapis.com/css?family=' . $v . ':' . $font_weights . '&&subset=' . $font_subset);
} */
You can also delete all three lines. Don't forget the last "}".
But we are not done yet.
To bring it to work you should tell the code to load your local-fonts.css file.
I solve it like this:
$app->getDocument()->addStyleSheet('/templates/j51_jasmine/css/local-fonts.css');
Now your template should work with the local font "Open Sans".
If you use more than one font, repeat all for each font you want to use except the last one with the code.
I hope It helps some users to solve the local Google Fonts problem with the newer J51 templates.
Regards
Oliver
