Alvaro

<a href="https://gutenberg-showcase.melonpan.io/the-typography" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/wordpress-plugins/the-typography" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/the-typography" rel="nofollow ugc">GitHub</a>
Add Typography to your Gutenberg site using Google Fonts. Enter CSS selectors or select Blocks to apply custom typography.
<h3>Typography style</h3>
Available typography options include:
<ul>
<li>Font family & variants from Google Fonts</li>
<li>Color (hex or rgba)</li>
<li>Font size</li>
<li>Line height</li>
<li>Font weight</li>
<li>Font style (italic, normal, oblique)</li>
<li>Letter spacing</li>
<li>Text transform (capitalize, uppercase, lowercase)</li>
<li>Text decoration (line-through, overline, underline)</li>
</ul>
<h3>Typography context</h3>
Typographies can be assigned to a specific context:
<ul>
<li>All site</li>
<li>Post types/s (post types available on the site)</li>
<li>Post types/s template (index, single)</li>
<li>Front page</li>
<li>404 page</li>
</ul>
<h3>Typography selectors</h3>
Each typography can have several groups of selectors with unique modifications based on the root typography. 
For example: a typography can be set with a certain Font, Color and Font size; 
each of its groups of selectors inherit those properties and one could modify the inherited color and other the inherited Font size.
Available CSS selectors include:
<ul>
<li>Text CSS selector (eg: .site-title a)</li>
<li>Block Selector (eg: Block Quote > Citation)</li>
</ul>
<h3>Usage</h3>
The plugin can be accesed from the Customizer inside the tab The Typography. 
It can also be accesed from any Block editor’s The Typography sidebar (top right corner of the editor). 
Create a typography and assign it some options; create a group of selectors and inside it create some CSS or Block selectors. 
That’s it! 
If you want to preview the different fonts before selecting one you can preview them in the <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts repository</a>. 
Note: The typography editing is assigned to the ‘edit_theme_options’ capability. This means that, by default, only admin and super admin will be able to use the features.

The Typography

Add Typography to your Gutenberg site using Google Fonts.

sebastianhornoi

FontPress for Google Fonts makes it easy to add beautiful Google Fonts to your WordPress site through the Customizer. No coding skills needed!
Two Loading Modes:
🛡️ Self-Hosted (Recommended) – Fonts downloaded to your server. 100% GDPR-compliant, no external requests, no consent needed.
☁️ Google CDN – Loads from Google servers. Requires user consent under GDPR.
Features:
<ul>
<li>🎨 Choose from 15+ popular Google Fonts</li>
<li>✍️ Or manually enter any Google Font name</li>
<li>📝 Separate fonts for headings, body, and navigation</li>
<li>⚖️ Select multiple font weights (100-900)</li>
<li>🔒 Self-hosted mode for privacy compliance</li>
<li>🚀 Performance optimized with font-display: swap</li>
<li>⚡ Preconnect hints for faster loading (CDN mode)</li>
<li>🧹 Automatic cleanup of unused fonts</li>
<li>📦 No external dependencies</li>
<li>🪶 Lightweight and fast</li>
</ul>
Perfect for:
<ul>
<li>Non-developers who want beautiful typography</li>
<li>GDPR-compliant websites (EU)</li>
<li>Privacy-focused sites</li>
<li>Theme customization without child themes</li>
<li>Quick font testing and experimentation</li>
</ul>
How it works:
<ol>
<li>Install and activate the plugin</li>
<li>Go to Appearance → Customize → Google Font Settings</li>
<li>Choose loading method (Self-Hosted recommended)</li>
<li>Select your fonts from presets or enter custom names</li>
<li>Choose font weights</li>
<li>Publish and enjoy beautiful typography!</li>
</ol>
<h3>Privacy Policy</h3>
This section explains how Google Font Loader handles user data and external requests.
<h3>Two Loading Modes</h3>
This plugin offers two distinct loading modes with different privacy implications:
<h4>Self-Hosted Mode (Default & Recommended)</h4>
No external requests are made in self-hosted mode:
✅ Fonts are downloaded once from Google Fonts API and stored on your server 
✅ All subsequent requests are served from your own domain 
✅ No visitor data is transmitted to third parties 
✅ 100% GDPR-compliant without requiring user consent 
✅ No cookies are set 
✅ No IP addresses are logged or transmitted
How it works: 
1. When you select a font in the Customizer, the plugin downloads it from Google Fonts API 
2. Font files are stored in <code>/wp-content/uploads/google-fonts/</code> 
3. Visitors’ browsers load fonts from your server, not Google’s
Initial download from Google: The plugin makes a one-time request to Google Fonts API when you first select a font. This happens from your server (not visitors’ browsers) and only transmits: 
– Font family name 
– Requested weights 
– Your server’s IP address (not visitors’)
<h4>Google CDN Mode</h4>
External requests ARE made in Google CDN mode:
When you enable Google CDN mode and check the consent checkbox, this plugin loads fonts from Google’s servers:
<ul>
<li>fonts.googleapis.com – Font CSS stylesheets</li>
<li>fonts.gstatic.com – Font files (WOFF2, TTF, etc.)</li>
</ul>
What this means:
⚠️ Your site makes HTTP requests to Google’s servers 
⚠️ Visitor IP addresses may be transmitted to Google 
⚠️ Google’s Privacy Policy applies: https://policies.google.com/privacy 
⚠️ Google may collect analytics data about font usage 
⚠️ Data may be transferred to Google LLC in the USA
Important: These external requests only occur when you explicitly: 
1. Select “Google CDN” as loading method 
2. Check the “I have obtained user consent” checkbox
Without both of these, no external requests are made.
<h3>Data Storage</h3>
This plugin stores the following settings in your WordPress database (as WordPress options):
<ul>
<li>gfl_loading_method – Loading mode (self_hosted or cdn)</li>
<li>gfl_heading_font_select – Selected heading font (preset)</li>
<li>gfl_heading_font_manual – Custom heading font name</li>
<li>gfl_heading_weights – Heading font weights</li>
<li>gfl_body_font_select – Selected body font (preset)</li>
<li>gfl_body_font_manual – Custom body font name</li>
<li>gfl_body_weights – Body font weights</li>
<li>gfl_menu_font_select – Selected menu font (preset)</li>
<li>gfl_use_google_cdn – Consent checkbox status (true/false)</li>
</ul>
Font files storage (Self-Hosted mode only): 
* Downloaded font files (.woff2, .ttf, etc.) are stored in <code>/wp-content/uploads/google-fonts/</code> 
* Organized by font family name (e.g., <code>/google-fonts/roboto/</code>) 
* Files include .htaccess for CORS headers and index.php for security
Data retention:
<ul>
<li>Settings persist until you uninstall the plugin</li>
<li>Font files persist until you uninstall or regenerate fonts</li>
<li>All data is automatically deleted when you uninstall the plugin via WordPress admin</li>
<li>No personal user data is collected or stored</li>
<li>No visitor tracking or analytics</li>
</ul>
<h3>What This Plugin Does NOT Do</h3>
<ul>
<li>❌ Track individual users or visitors</li>
<li>❌ Set cookies (in either mode)</li>
<li>❌ Collect analytics or usage statistics</li>
<li>❌ Store visitor IP addresses</li>
<li>❌ Collect personal information</li>
<li>❌ Share data with advertisers</li>
<li>❌ Send data to third parties (except Google Fonts API when explicitly enabled)</li>
<li>❌ Phone home or check for updates from external servers</li>
</ul>
<h3>Third-Party Services</h3>
<h4>Google Fonts API</h4>
Self-Hosted Mode: 
– ONE-TIME server-to-server request when you select a font 
– No ongoing connections 
– No visitor data transmitted
Google CDN Mode (when enabled): 
– Ongoing requests from visitors’ browsers 
– Google’s privacy policy applies: https://policies.google.com/privacy 
– Terms of Service: https://policies.google.com/terms 
– Google Fonts FAQ: https://developers.google.com/fonts/faq
<h3>GDPR Compliance Recommendations</h3>
<h4>If Using Self-Hosted Mode (Recommended)</h4>
✅ No action needed – Self-hosted mode is GDPR-compliant by default
You may want to mention in your privacy policy:
<blockquote>
“This website uses custom fonts to improve typography. Font files are hosted on our own servers and no data is transmitted to third parties.”
</blockquote>
<h4>If Using Google CDN Mode</h4>
⚠️ User consent is required under GDPR and similar privacy regulations.
You MUST:
<ol>
<li>Implement a cookie consent banner – Although no cookies are set, consent is required for data transmission</li>
<li>Update your privacy policy with this information:</li>
</ol>
<blockquote>
“This website uses Google Fonts to improve typography and user experience. Google Fonts are loaded from Google’s servers (fonts.googleapis.com and fonts.gstatic.com), which means your IP address and browser information are transmitted to Google LLC when you visit our site. Google is located in the USA and may process this data under US privacy laws. For more information, see Google’s privacy policy at https://policies.google.com/privacy”
</blockquote>
<ol>
<li>Document data flows – Include Google Fonts in your GDPR Article 30 records</li>
<li>Consider a Data Processing Agreement – Check if Google offers DPA for Google Fonts</li>
<li>Inform users – Make clear what data is transmitted and why</li>
</ol>
Example privacy policy section:
<blockquote>
Google Fonts
This website uses Google Fonts provided by Google LLC. When you visit our site, your browser connects to Google’s servers to download font files. In this process, Google receives: 
 – Your IP address 
 – Browser type and version 
 – Operating system 
 – Referrer URL 
 – Date and time of access
Google Fonts Privacy Policy: https://policies.google.com/privacy
Legal basis (GDPR): Consent (Art. 6 para. 1 lit. a GDPR)
You can opt out by disabling custom fonts in your browser settings.
</blockquote>
<h3>Data Processing Locations</h3>
Self-Hosted Mode: 
– All data processed on your WordPress server (your hosting location) 
– No third-party data processing
Google CDN Mode: 
– Data transmitted to Google LLC servers worldwide 
– Google’s primary data centers are in the USA 
– Subject to US privacy laws (including CLOUD Act)
<h3>Your Rights</h3>
As a website administrator using this plugin, you have the right to:
<ul>
<li>Access all data stored by the plugin (Appearance → Google Fonts dashboard)</li>
<li>Delete all data (uninstall the plugin)</li>
<li>Export settings (WordPress Export tool)</li>
<li>Switch between Self-Hosted and CDN mode at any time</li>
</ul>
As a website visitor: 
* In Self-Hosted mode: No personal data is collected 
* In CDN mode: See Google’s privacy policy for your rights
<h3>Contact</h3>
For privacy-related questions about this plugin:
<ul>
<li>Plugin Author: Sebastian Hornoi</li>
<li>Website: https://sebastianhornoi.com/</li>
<li>Email: sebastian@sebastianhornoi.com</li>
<li>Support: https://wordpress.org/support/plugin/google-font-loader/</li>
</ul>
For questions about Google’s data practices:
<ul>
<li>Visit: https://policies.google.com/privacy</li>
<li>Contact: https://support.google.com/policies/</li>
</ul>
Last updated: February 13, 2026
<h3>Legal Disclaimer</h3>
This privacy policy describes how the Google Font Loader plugin works. It does not constitute legal advice.
You are responsible for: 
* Ensuring your use of this plugin complies with applicable laws 
* Implementing appropriate consent mechanisms if required 
* Updating your own privacy policy accordingly 
* Consulting with a legal professional about your specific obligations
The plugin author provides this software “as is” and makes no warranties about GDPR or other legal compliance.
<h3>Additional Information</h3>
Browser Compatibility:
<ul>
<li>Chrome/Edge (latest 2 versions)</li>
<li>Firefox (latest 2 versions)</li>
<li>Safari (latest 2 versions)</li>
<li>Opera (latest version)</li>
<li>Internet Explorer 11+ (basic support)</li>
</ul>
WordPress Compatibility:
<ul>
<li>Requires WordPress 5.0 or higher</li>
<li>Tested up to WordPress 6.7</li>
<li>Works with WordPress Multisite</li>
<li>Compatible with major page builders (Elementor, Beaver Builder, Divi)</li>
<li>Works with block editor (Gutenberg)</li>
</ul>
PHP Compatibility:
<ul>
<li>Requires PHP 7.4 or higher</li>
<li>Tested with PHP 8.0, 8.1, 8.2, 8.3</li>
<li>Uses modern PHP features while maintaining backward compatibility</li>
</ul>
Server Requirements:
<ul>
<li>WordPress 5.0+</li>
<li>PHP 7.4+</li>
<li>Write permissions for /wp-content/uploads/</li>
<li>At least 10MB free disk space for font storage (Self-Hosted mode)</li>
<li>cURL or allow_url_fopen enabled for downloading fonts</li>
</ul>
Performance:
<ul>
<li>Self-Hosted mode: ~2-5 seconds initial font download per family</li>
<li>Ongoing: No performance impact (fonts served from local cache)</li>
<li>CDN mode: Instant (fonts served from Google’s global CDN)</li>
<li>Plugin size: ~50KB (without font files)</li>
</ul>
Support:
<ul>
<li>Documentation: https://sebastianhornoi.com/docs/fontpress-google-fonts/</li>
<li>Support Forum: https://wordpress.org/support/plugin/fontpress-google-fonts/</li>
</ul>
Roadmap:
Future versions may include: 
* Per-page font selection 
* Font subset selection (Latin, Cyrillic, Greek, etc.) 
* Variable fonts support 
* Custom font upload 
* Font pairing suggestions 
* Preview mode in Customizer 
* Import/Export settings
<h3>Credits</h3>
<ul>
<li>Plugin architecture based on <a href="https://github.com/DevinVinson/WordPress-Plugin-Boilerplate" rel="nofollow ugc">WordPress Plugin Boilerplate</a></li>
<li>Fonts provided by <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts</a> under <a href="https://scripts.sil.org/OFL" rel="nofollow ugc">SIL Open Font License</a></li>
<li>Developed by <a href="https://sebastianhornoi.com/" rel="nofollow ugc">Sebastian Hornoi</a></li>
<li>Tested by the WordPress community</li>
</ul>
Special Thanks:
<ul>
<li>WordPress Plugin Review Team for guidance</li>
<li>Early beta testers and contributors</li>
<li>The Google Fonts team for their amazing font library</li>
</ul>
<h3>Frequently Asked Technical Questions</h3>
<h4>Does this work with page builders?</h4>
Yes! The plugin works with Elementor, Beaver Builder, Divi, and other major page builders. Fonts are loaded site-wide via WordPress hooks.
<h4>Can I use this with a child theme?</h4>
Absolutely! The plugin works independently of your theme. You can switch themes without losing your font settings.
<h4>Does it support RTL languages?</h4>
Yes, the plugin supports RTL (Right-to-Left) languages. Make sure to select fonts that include RTL character sets from Google Fonts.
<h4>Can I disable fonts on mobile devices?</h4>
Not directly through the plugin. However, you can use CSS media queries in your theme to override font settings on mobile.
<h4>How do I backup my font settings?</h4>
Font settings are stored in the WordPress database. Use any WordPress backup plugin or export via Tools → Export in WordPress admin.
Settings to backup: 
– All options starting with <code>gfl_</code> 
– Font files in <code>/wp-content/uploads/google-fonts/</code> (Self-Hosted mode)
<h4>Can I migrate fonts between sites?</h4>
Yes! If both sites use self-hosted mode: 
1. Copy font settings from database (export/import) 
2. Copy <code>/wp-content/uploads/google-fonts/</code> directory 
3. Both sites will have identical fonts
<h4>Does this work with WordPress Multisite?</h4>
Yes! Each site in a Multisite network can have independent font settings.
<h4>How do I update fonts after switching modes?</h4>
<ol>
<li>Change loading method in Customizer</li>
<li>Go to Appearance → Google Fonts</li>
<li>Click “Regenerate All Fonts” (Self-Hosted mode)</li>
<li>Fonts will be re-downloaded or switch to CDN</li>
</ol>
<h4>What happens if Google Fonts API is down?</h4>
Self-Hosted Mode: Your site continues to work normally. Fonts are already downloaded and cached.
Google CDN Mode: Fonts may not load, but the browser will fall back to system fonts (sans-serif). Your content remains accessible.
<h4>Can I customize the CSS applied to fonts?</h4>
The plugin applies fonts to standard HTML elements (body, h1-h6, nav). For custom CSS, you can: 
1. Use Appearance → Customize → Additional CSS 
2. Add custom selectors targeting the font families loaded by the plugin
<h4>How do I contribute or report bugs?</h4>
<ul>
<li>Support Forum: https://wordpress.org/support/plugin/fontpress-google-fonts/</li>
<li>Direct contact: sebastian@sebastianhornoi.com</li>
</ul>

TypeFlow Font Loader for Google Fonts

Beautiful Google Fonts for WordPress with self-hosted GDPR-compliant mode — no coding required.

The Typography vs TypeFlow Font Loader for Google Fonts