Set up Google Fonts locally via the Google Fonts Helper website

[mdsojolh444]

Another way to integrate Google Fonts locally is to use the Google Fonts Helper website . This is the manual way, but does not require an additional plugin. Note that this approach is more complex and requires some experience in dealing with CSS and web servers.

Integrate Google Fonts locally in WordPress in compliance with GDPR
Step 1: Select fonts

Visit the Google Fonts Helper website .
Search for the font you want and select it.
Step 2: Generate CSS code

Select the required font styles (e.g. normal, bold, italic).
Click on Generate CSS and copy the displayed CSS code.
Step 3: Download files

Click Download files and save the font files to your computer.
Step 4: Upload files to the web server

Connect to your web server via FTP.
Create a new folder in your theme directory (e.g. fonts) and bc data mexico upload the downloaded font files into this folder.
Step 5: Adjust CSS file

Open the CSS file of your theme (e.g. style.css).
Add the generated CSS code and adjust the paths to the font files accordingly.
Update the CSS file to use the new font in your theme.
Done! With these steps you can integrate Google Fonts locally and use them in compliance with the GDPR without installing a plugin.

Integrate Google Fonts locally with Elementor Custom Fonts
Do you use Elementor Pro on your WordPress website? For users of the Elementor Page Builder in the paid Pro version, there is a built-in feature to use custom fonts.

Step 1: Download font

Visit the Google Fonts Helper website and download the font you want.
Make sure you download all the font styles you need (e.g. normal, bold, italic).
Step 2: Open Elementor

Open Elementor in your WordPress dashboard and go to Settings.
Step 3: Add Custom Fonts

Navigate to Elementor > Custom Fonts and click Add.
Step 4: Upload font files

Upload the downloaded font files. Make sure to upload each font weight and type (normal, bold, italic, etc.) separately.
Name the font accordingly so you can easily find it later.
Step 5: Use font in designs

Select the uploaded font in your Elementor themes to use it.