Chris Martens

<p><strong>SafeFonts helps you comply with GDPR by hosting fonts locally and avoiding third-party requests, with seamless Gutenberg integration and CSS variables support.</strong></p>
<p>If you need to host custom fonts locally on your WordPress site for performance, privacy, or GDPR compliance, SafeFonts makes it simple with advanced security validation, automatic integration with the WordPress block editor, and CSS variables for custom CSS usage.</p>
<h4>Compatible With</h4>
<p><strong>Block Editors:</strong><br />
* WordPress Gutenberg Block Editor<br />
* WordPress 6.5+ Font Library<br />
* Full Site Editing (FSE) Themes</p>
<p><strong>Need Page Builder Integration?</strong><br />
<a href="https://safefonts.com" rel="nofollow ugc">SafeFonts Pro</a> adds seamless support for 14 integrations: Elementor, Bricks, Beaver Builder, Divi, Oxygen, Brizy, Builderius, Astra, GeneratePress, Kadence, Blocksy, Kadence Blocks, Spectra, and GenerateBlocks with zero configuration.</p>
<h4>Why Choose SafeFonts?</h4>
<p><strong>🔒 Security-First Approach</strong><br />
* Magic byte validation for all font files<br />
* MIME type verification<br />
* File hash checking<br />
* Configurable file size limits<br />
* Protection against malicious uploads</p>
<p><strong>⚡ Fast & Lightweight</strong><br />
* Custom database storage for instant queries<br />
* Designed to minimize impact on page load speed<br />
* Optimized font delivery<br />
* Works with any theme or page builder</p>
<p><strong>✅ Gutenberg Integration</strong><br />
* Automatic integration with block editor typography<br />
* WordPress 6.5+ Font Library support<br />
* Works with all blocks that support typography<br />
* No configuration needed</p>
<p><strong>🎨 CSS Variables Support</strong><br />
* Automatic CSS variables generation for all fonts<br />
* Use var(–safefonts-font-slug) in custom CSS<br />
* Works with any theme or builder supporting CSS custom properties<br />
* Dedicated CSS Reference page with comprehensive documentation</p>
<p><strong>🎥 Quick Start Video</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/aktC4iLSwpI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Watch this quick tutorial to see how easy it is to upload and use custom fonts in WordPress.</p>
<p><strong>🎯 Simple Upload Process</strong><br />
* Individual font file uploads (.woff2, .woff, .ttf, .otf)<br />
* Specify font family, weight, and style<br />
* Visual font previews in admin<br />
* Drag-and-drop ready interface</p>
<p><strong>⚡ Performance Optimization</strong><br />
* Font preloading support for faster page loads<br />
* Automatic preload tag generation: <code><link rel="preload" href="..." as="font"></code><br />
* User-selectable fonts for preloading (Settings tab)<br />
* Best practice: Preload 1-2 critical fonts only<br />
* Reduces flash of invisible text (FOIT)<br />
* Improves Core Web Vitals scores</p>
<p><strong>🌍 GDPR Compliant</strong><br />
* Local font hosting<br />
* No external font requests—fonts are served entirely from your WordPress installation<br />
* Complete data privacy<br />
* Suitable for GDPR-compliant sites</p>
<h4>Perfect For</h4>
<ul>
<li>Privacy-conscious websites requiring GDPR compliance</li>
<li>Sites that need custom or premium fonts</li>
<li>Agencies managing multiple client sites</li>
<li>Anyone wanting better control over typography</li>
<li>Performance-optimized websites</li>
</ul>
<h4>How It Works</h4>
<ol>
<li><strong>Upload Fonts</strong>: Go to SafeFonts menu and upload your font files</li>
<li><strong>Configure Details</strong>: Set font family name, weight (100-900), and style (normal/italic)</li>
<li><strong>Use Everywhere</strong>: Your fonts automatically appear in:
<ul>
<li>Gutenberg block editor typography settings</li>
<li>CSS variables for custom CSS (check CSS Reference page)</li>
<li>WordPress 6.5+ Font Library</li>
</ul>
</li>
<li><strong>That’s It!</strong> Fonts are served locally with optimal performance</li>
</ol>
<h4>Getting Google Fonts</h4>
<p>Download Google Fonts from these sources:</p>
<ul>
<li><a href="https://webfontdownloader.safefonts.com" rel="nofollow ugc">SafeFonts Web Font Downloader</a> – convenient bulk download tool</li>
<li><a href="https://github.com/google/fonts" rel="nofollow ugc">Google Fonts GitHub</a> – official repository</li>
<li><a href="https://gwfh.mranftl.com/fonts" rel="nofollow ugc">Google Webfonts Helper</a> – third-party download tool</li>
</ul>
<p>Once downloaded, upload the font files (.woff2, .woff, .ttf, .otf) through SafeFonts > Upload tab.</p>
<p>Need more features? SafeFonts Pro offers bulk ZIP imports, page builder integration, and advanced font management. <a href="https://safefonts.com" rel="nofollow ugc">Learn more</a></p>
<h4>Supported Font Formats</h4>
<ul>
<li><strong>WOFF2</strong> (recommended – best compression)</li>
<li><strong>WOFF</strong> (broad browser support)</li>
<li><strong>TTF</strong> (TrueType fonts)</li>
<li><strong>OTF</strong> (OpenType fonts)</li>
</ul>
<h4>WordPress 6.5+ Font Library</h4>
<p>If you’re using WordPress 6.5 or higher, SafeFonts automatically integrates with the native Font Library in the Site Editor, giving you a unified font management experience.</p>
<h3>Developer Documentation</h3>
<h4>Template Functions</h4>
<p>SafeFonts provides helper functions for developers:</p>
<pre><code>safefonts() - Get the main plugin instance
safefonts()->font_manager->get_fonts() - Get all fonts from database
safefonts()->font_manager->get_fonts_by_family() - Get fonts grouped by family
</code></pre>
<h4>Hooks & Filters</h4>
<p><strong>Filters:</strong><br />
* <code>upload_mimes</code> – SafeFonts adds font MIME types automatically</p>
<h4>Database Structure</h4>
<p><strong>Table:</strong> <code>wp_chrmrtns_safefonts</code><br />
* <code>id</code> – Font ID<br />
* <code>font_family</code> – Font family name<br />
* <code>family_slug</code> – Sanitized family slug for folder names (v1.1.0+)<br />
* <code>font_style</code> – normal or italic<br />
* <code>font_weight</code> – 100-900<br />
* <code>file_path</code> – Relative path to font file (includes family folder v1.1.0+)<br />
* <code>file_hash</code> – SHA-256 hash for integrity<br />
* <code>file_size</code> – File size in bytes<br />
* <code>mime_type</code> – Validated MIME type<br />
* <code>created_at</code> – Upload timestamp<br />
* <code>updated_at</code> – Last update timestamp</p>
<h4>Architecture</h4>
<p>SafeFonts uses modern PHP namespaces and PSR-4 autoloading:<br />
* <code>Chrmrtns\SafeFonts\Core</code> – Main plugin class<br />
* <code>Chrmrtns\SafeFonts\FontManager</code> – Font validation and management<br />
* <code>Chrmrtns\SafeFonts\Admin\AdminInterface</code> – Admin UI</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit:<br />
* <a href="https://github.com/chrmrtns/safefonts" rel="nofollow ugc">GitHub</a><br />
* <a href="https://safefonts.com" rel="nofollow ugc">Website</a></p>
<h3>Privacy Policy</h3>
<p>SafeFonts does not collect, store, or transmit any personal data. All font files are stored locally on your WordPress installation. No data is sent to external services.</p>


SafeFonts

Host custom fonts locally in WordPress with advanced security validation, block editor integration, and CSS variables support.

DannyCooper

googlefonts

fontsplugin

<p>Fonts Plugin is the most widely used Google Fonts plugin for WordPress, with over 200,000 active installations and a 5-star rating from more than 1,200 verified users. It gives website owners instant access to all 1,455 fonts in the <a href="https://fontsplugin.com/?utm_source=wporg&utm_medium=readme&utm_campaign=intro" rel="nofollow ugc">Google Fonts</a> library — directly inside the WordPress Customizer — without touching a single line of code. Install the plugin, open the Customizer, choose your fonts, and see the result live on your actual website before publishing. It takes less than two minutes from installation to a completely new look.</p>
<h4>What Can You Do With Fonts Plugin?</h4>
<p>Fonts Plugin lets you apply different fonts to different parts of your website. Choose one typeface for headings and a completely different one for body text, then fine-tune size, weight, colour, line height, and letter spacing — all from the same screen. The live preview updates instantly as you make changes, so you never have to guess what a font will look like on your content. Once you are happy with the result, click Save and the changes go live. The plugin works with every WordPress theme — from Twenty Twenty-Five to Genesis to Elementor — and requires no changes to your theme files.</p>
<h4>What Fonts Are Available?</h4>
<p>Fonts Plugin gives you access to three distinct font libraries. The Google Fonts library contains 1,455 unique, professionally designed typefaces — all free to use on personal and commercial websites. The <a href="https://docs.fontsplugin.com/integrations/adobe-fonts" rel="nofollow ugc">Adobe Fonts</a> (Typekit) integration connects your Adobe Creative Cloud subscription to your WordPress site, unlocking thousands of premium Adobe typefaces. You can also (upload your own font files)[https://docs.fontsplugin.com/custom-font-uploads/custom-font-uploads] in any standard format, giving you complete typographic freedom. Whether you need a clean sans-serif for a corporate site, a warm serif for a blog, or a distinctive display font for a landing page, Fonts Plugin covers every use case without requiring multiple plugins.</p>
<h4>Plugin Features</h4>
<p><strong>Free Features</strong><br />
* Live Customizer Preview — see fonts on your real site before saving<br />
* 1,455 Google Fonts — the <a href="https://fonts.google.com" rel="nofollow ugc">complete library</a>, always up to date<br />
* Adobe Fonts (Typekit) integration<br />
* Upload Custom Fonts — use your own .ttf, .otf, or .woff2 files<br />
* Works with any WordPress theme — no coding required<br />
* Gutenberg Block — apply Google Fonts inside the block editor<br />
* WooCommerce support<br />
* Translated into 25+ languages<br />
* SSL / HTTPS compatible<br />
* <strong>SEO-Friendly</strong> (Search Engine Optimization).<br />
* Tested with PHP 7 and PHP 8</p>
<p><strong><a href="https://fontsplugin.com/pro-upgrade/?utm_source=wporg&utm_medium=readme&utm_campaign=upsell" rel="nofollow ugc">Pro Features</a></strong><br />
* Host Google Fonts Locally — GDPR-compliant, no data sent to Google<br />
* Selective Font Loading — load only the exact font weights used, up to 400% faster<br />
* Preconnect Resource Hints — improve font loading performance<br />
* Font Size Control<br />
* Font Colour Control<br />
* Line-Height Control<br />
* Letter Spacing Control<br />
* Text Transform (uppercase, capitalize, lowercase)<br />
* Custom Elements — define your own CSS selectors and build controls for them<br />
* Priority email support — responses within 24 hours</p>
<blockquote>
<p><strong>Ready to unlock the full power of typography?</strong> <a href="https://fontsplugin.com/pro-upgrade/?utm_source=wporg&utm_medium=readme&utm_campaign=upsell" rel="nofollow ugc">Upgrade to Fonts Plugin Pro <span aria-hidden="true" class="wp-exclude-emoji">→</span></a><br />
  <a href="https://fontsplugin.com/free-vs-pro/?utm_source=wporg&utm_medium=readme&utm_campaign=compare" rel="nofollow ugc">Compare free and Pro features side by side <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
</blockquote>
<h4>Why Choose Fonts Plugin Over Other Font Plugins?</h4>
<p>Fonts Plugin is the only WordPress font plugin that combines Google Fonts, Adobe Fonts, and custom font uploads in a single, lightweight plugin — with a live preview built directly into the WordPress Customizer. Unlike page builder-specific typography tools, it works with every theme and every builder. Unlike GDPR-focused font plugins that only localize existing fonts, Fonts Plugin lets you choose, preview, and change fonts too. With over 200,000 active installs and 1,200+ five-star reviews, it is the most trusted all-in-one typography solution in the WordPress ecosystem.</p>
<h4>Plugin Compatibility</h4>
<p>Fonts Plugin works with all WordPress themes. It has been specifically tested and confirmed compatible with:</p>
<p><strong>Page Builders</strong><br />
* <a href="https://docs.fontsplugin.com/integrations/elementor/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Elementor</a><br />
* <a href="https://docs.fontsplugin.com/integrations/divi-builder/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Divi Builder</a><br />
* <a href="https://docs.fontsplugin.com/integrations/beaver-builder/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Beaver Builder</a><br />
* <a href="https://docs.fontsplugin.com/integrations/wpbakery/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">WPBakery</a></p>
<p><strong>Themes</strong><br />
* All StudioPress / Genesis themes<br />
* Twenty Twenty-Five, Twenty Twenty-Four, Twenty Twenty-Three<br />
* Twenty Twenty, Twenty Nineteen, Twenty Seventeen<br />
* ThemeGrill themes<br />
* LyraThemes<br />
* ThemeIsle themes</p>
<h4>Helpful Resources</h4>
<ul>
<li><a href="https://docs.fontsplugin.com/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Full Documentation</a></li>
<li><a href="https://fontsplugin.com/font-combinations/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Best Google Font Combinations for WordPress</a></li>
<li><a href="https://fontsplugin.com/google-fonts-checker/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">Google Fonts Checker — audit any website’s fonts</a></li>
<li><a href="https://fontsplugin.com/wordpress-google-fonts/?utm_source=wporg&utm_medium=readme&utm_campaign=docs" rel="nofollow ugc">How to Add Google Fonts to WordPress (step-by-step guide)</a></li>
<li><a href="https://fontsplugin.com/website-font-checker/" rel="nofollow ugc">Website Font Checker</a></li>
<li><a href="https://fontsplugin.com/free-vs-pro/?utm_source=wporg&utm_medium=readme&utm_campaign=compare" rel="nofollow ugc">Free vs Pro Comparison</a></li>
</ul>
<h4>Found a Bug?</h4>
<p>Please let us know via the <a href="https://wordpress.org/support/plugin/olympus-google-fonts#new-post" rel="ugc">support forum</a>. We read every report.</p>
<h4>Contribute</h4>
<p>Fonts Plugin is open source and welcomes contributions:</p>
<ol>
<li>Report a <a href="https://wordpress.org/support/plugin/olympus-google-fonts#new-post" rel="ugc">bug or issue</a></li>
<li><a href="https://translate.wordpress.org/projects/wp-plugins/olympus-google-fonts/" rel="nofollow ugc">Translate the plugin</a> into your language</li>
<li>Submit <a href="https://wordpress.org/support/plugin/olympus-google-fonts#new-post" rel="ugc">feedback or feature requests</a></li>
</ol>


Fonts Plugin | Google Fonts, Adobe Fonts & Upload Fonts

Have removed the loading of Google Fonts from my own theme and was looking for an alternative. Found the Fonts Plugin and all I can say it's easy to use. It hooks into commonly used CSS id/class selectors, so plugin works well with many themes. Free version has enough options for me, but to host fonts local (GDPR) you must buy the PRO version. Great support from developer as well.

Guido

Great and easy to use fonts plugin

Muito bom!!

Instantly change your entire website's typography with Google Fonts, Adobe Fonts, or custom fonts — no coding required. Live preview your changes.

SafeFonts vs Fonts Plugin | Google Fonts, Adobe Fonts & Upload Fonts