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.

Rosua

Joshua Gugun Siagian

<h3>Yabe Webfont: the #1 Self-hosted Google Fonts and Custom Fonts Manager for WordPress</h3>
<p>Yabe Webfont is a GDPR-friendly font WordPress plugin made for designers and developers that is advanced, easy to use, and intuitive to give you complete control over your fonts and typography in WordPress.</p>
<h3>FEATURES</h3>
<p>Yabe Webfont is packed full of features designed to streamline your workflow. Some of our favorites are:</p>
<ul>
<li><strong>GDPR / DSGVO friendly</strong>: You can import/self-host Google Fonts files from your server through your WordPress admin page. Fewer reasons to worry about GDPR / DSGVO compliance.</li>
<li><strong>Google Fonts and Adobe Fonts ready</strong>: Start using any available fonts on Google Fonts and Adobe Fonts.</li>
<li><strong>Custom Fonts</strong>: A dedicated custom fonts manager for WordPress. The central place to manage all your fonts and typography.</li>
<li><strong>Easy to use</strong>: Add custom fonts to your WordPress site with a simple and intuitive interface. No coding knowledge is needed. You can upload the font files using the WordPress media uploader. No FTP is required.</li>
<li><strong>Fine-tuning</strong>: Complete control over your fonts and typography. On 90% of use cases, the default one is good to go.</li>
<li><strong>Lightweight and blazingly fast</strong>: The font management system uses WordPress REST API and a modern JavaScript framework for an instant, responsive user experience. The front page cache ensures fast loading and reduces database queries.</li>
<li><strong>Variable Fonts support</strong>: The format allows a single font file to contain multiple stylistic variations.</li>
<li><strong>Multisite support</strong>: The plugin is compatible with WordPress Multisite (Activate the plugin on the site level).</li>
</ul>
<h3>SEAMLESS INTEGRATION</h3>
<p>The font must be available for use across different platforms. Yabe Webfont is famous for seamlessly integrating with the most popular visual/page builders:</p>
<ul>
<li><a href="https://builderius.io/?referral=afdfca82c8" rel="nofollow ugc">Builderius</a></li>
<li><a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classic Editor</a></li>
<li><a href="https://be.elementor.com/visit/?bta=209150&brand=elementor" rel="nofollow ugc">Elementor</a></li>
<li><a href="https://generatepress.com/?ref=7954" rel="nofollow ugc">GeneratePress</a></li>
<li><a href="https://wordpress.org/gutenberg" rel="ugc">Gutenberg Blocks and Site Editor</a></li>
<li><a href="https://kadencewp.com" rel="nofollow ugc">Kadence WP</a></li>
<li><a href="https://pinegrow.com/wordpress" rel="nofollow ugc">Pinegrow</a></li>
<li><a href="https://www.wpbeaverbuilder.com/" rel="nofollow ugc">Beaver Builder</a> <strong>[Pro]</strong></li>
<li><a href="https://creativethemes.com/blocksy" rel="nofollow ugc">Blocksy</a> <strong>[Pro]</strong></li>
<li><a href="https://breakdance.com/ref/165/" rel="nofollow ugc">Breakdance</a> <strong>[Pro]</strong></li>
<li><a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks</a> <strong>[Pro]</strong></li>
<li><a href="https://cwicly.com/?ref=suabahasa" rel="nofollow ugc">Cwicly</a> <strong>[Pro]</strong></li>
<li><a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47622" rel="nofollow ugc">Divi</a> <strong>[Pro]</strong></li>
<li><a href="https://wordpress.org/plugins/slingblocks/" rel="ugc">FunnelKit/SlingBlocks</a> <strong>[Pro]</strong></li>
<li><a href="https://greenshiftwp.com/" rel="nofollow ugc">Greenshift</a> <strong>[Pro]</strong></li>
<li><a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen</a> <strong>[Pro]</strong></li>
<li><a href="https://www.sliderrevolution.com/" rel="nofollow ugc">Slider Revolution</a> <strong>[Pro]</strong></li>
<li><a href="https://wpspectra.com/" rel="nofollow ugc">Spectra</a> <strong>[Pro]</strong></li>
<li><a href="https://yellowpencil.waspthemes.com/" rel="nofollow ugc">YellowPencil</a> <strong>[Pro]</strong></li>
<li><a href="https://zionbuilder.io/" rel="nofollow ugc">Zion Builder</a> <strong>[Pro]</strong></li>
</ul>
<p>Visit <a href="https://webfont.yabe.land" rel="nofollow ugc">our website</a> for more information.</p>
<h4>Love Yabe Webfont?</h4>
<ul>
<li>Purchase the <a href="https://webfont.yabe.land" rel="nofollow ugc">Pro version</a></li>
<li>Join our <a href="https://www.facebook.com/groups/1142662969627943" rel="nofollow ugc">Facebook Group</a></li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/yabe-webfont/reviews/?filter=5/#new-post" rel="ugc">WordPress</a></li>
</ul>
<h4>Credits</h4>
<ul>
<li>Image by <a href="https://www.flaticon.com/free-icon/windmill_5137991?related_id=5137991" rel="nofollow ugc">Freepik</a> on Flaticon</li>
</ul>
<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/uMj0x0ucnOw?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>
<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/A0JZzEVIUzQ?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>


Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts


Nice plugin, it does what is describes and the developer is very supportive !!


Excellent job !!

Easy self-host Google Fonts, Adobe Fonts support, or upload custom fonts in WordPress. Integrated into the most popular themes and page builders.

SafeFonts vs Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts