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.

Brainstorm Force

<p><strong>HOST FONTS, IMPROVE WEBSITE SPEED, AND ELIMINATE PRIVACY CONCERNS</strong></p>
<p>★★★★★</p>
<h3>IMPROVED SPEED AND PERFORMANCE 🚀</h3>
<p>Custom Fonts enables you to upload your own custom fonts or choose from a vast collection of Google Fonts, all hosted directly on your own web server.</p>
<p>By hosting fonts locally, you can significantly improve your website’s performance. As the fonts load directly from your server, it reduces external requests, significantly reducing page load times.</p>
<p><a href="https://bsf.io/custom-fonts-demo" rel="nofollow ugc">Try it out on a free dummy site</a></p>
<h3>UPLOAD YOUR CUSTOM FONTS OR CHOOSE FROM GOOGLE FONTS 🎨</h3>
<p>With Custom Fonts, you have the freedom to customize your website typography to match your unique brand identity!</p>
<p>You can easily upload your own custom font files, such as .ttf or .otf, and use them throughout your website. Or, you can choose from a rich library of Google Fonts and host them locally on your server, ensuring full control over their use.</p>
<h3>UPLOAD MULTIPLE FONT VARIANTS 🆒</h3>
<p>You have the flexibility to upload any number of font variants to suit your design needs. Whether it’s different weights, styles, or character sets, easily manage and customize the necessary font variants. Personalize your typography to perfection and create a unique visual identity for your website.</p>
<h3>ENHANCED PRIVACY AND GDPR COMPLIANCE 🛡️</h3>
<p>Privacy is a top priority, especially in light of data protection regulations like GDPR. By using Custom Fonts, you can self-host your fonts, eliminating any privacy concerns associated with external font services. Take full control over the fonts you use on your website and ensure compliance with privacy regulations.</p>
<h3>FULL SITE EDITING THEME SUPPORT AND EASY INTEGRATION 🎉</h3>
<p>Custom Fonts seamlessly integrates with WordPress full site editing themes, allowing you to effortlessly choose and customize fonts across your entire website. Say goodbye to limitations and enjoy the freedom to create a consistent and visually appealing typography experience for visitors.</p>
<h3>BEAUTIFUL AND USER-FRIENDLY INTERFACE MADE WITH REACT JS 💻</h3>
<p>We take pride in providing an elegant and intuitive user interface for Custom Fonts. Built with React JS, our interface offers a seamless experience, making it easy to upload and manage custom fonts, select from Google Fonts, and customize typography settings to suit your needs.</p>
<h3>COMPLETELY FREE, NO UPSELLS OR HIDDEN COSTS 🆓</h3>
<p>Custom Fonts is completely free, with no upsells or hidden costs. We believe in empowering website owners with essential tools without nickel-and-diming. Enjoy full access to all the features and functionality of Custom Fonts.</p>
<h3>WHO CAN BENEFIT FROM CUSTOM FONTS?</h3>
<ol>
<li>
<p><strong>Web designers and developers:</strong> You can easily enhance the typography and overall design of your projects, making them stand out from the crowd.</p>
</li>
<li>
<p><strong>eCommerce store owners:</strong> Custom fonts can enhance your brand identity and provide a distinctive visual style for product descriptions, banners, and more. Hosting fonts locally with Custom Fonts improves website performance, benefiting you and your consumers.</p>
</li>
<li>
<p><strong>Bloggers and content creators:</strong> Make your content truly pop. Stand out from the crowd and captivate your audience with Custom Fonts.</p>
</li>
<li>
<p><strong>SEO experts:</strong> You can now boost page speed by hosting fonts locally with Custom Fonts. Fewer external requests means faster loading times! Plus, you ensure compliance with privacy regulations.</p>
</li>
</ol>
<p>Custom Fonts caters to anyone who values the customization of typography, performance optimization, privacy control, and compliance with regulations.</p>
<p>If you want to take control of your website’s typography and enhance its overall appearance, Custom Fonts is the plugin for you!</p>
<h3>SOME OF THE SUPPORTED WORDPRESS THEMES:</h3>
<ul>
<li><a href="http://wpastra.com/" rel="nofollow ugc">Astra WordPress Theme</a></li>
<li><a href="https://wordpress.org/themes/spectra-one/" rel="ugc">Spectra One Theme</a></li>
<li>All FSE themes</li>
</ul>
<h3>SOME OF THE SUPPORTED WORDPRESS PLUGINS:</h3>
<ul>
<li>Spectra Page Builder</li>
<li>Elementor Page Builder</li>
</ul>
<p><strong>Branding Guidelines</strong></p>
<p>When mentioning Custom Fonts, please use the following format:</p>
<ul>
<li>Custom Fonts [correct]</li>
<li>CustomFonts [incorrect]</li>
<li>Custom fonts [incorrect]</li>
<li>CustomFont [incorrect]</li>
<li>Customfont [incorrect]</li>
</ul>
<p><strong>Our Other Products:</strong></p>
<ul>
<li><a href="https://wpastra.com/" rel="nofollow ugc">Astra</a> – The most popular WordPress theme that perfectly integrates with Custom Fonts.</li>
<li><a href="https://wpspectra.com/" rel="nofollow ugc">Spectra</a> – A visual website builder built with WordPress’ native block editor.</li>
<li><a href="https://ultimateelementor.com/" rel="nofollow ugc">Ultimate Addons for Elementor</a> – The best addons to extend Elementor’s capabilities.</li>
<li><a href="https://wpschema.com/" rel="nofollow ugc">Schema Pro</a> – All-in-one schema markup plugin that offers complete functionality and easy configuration.</li>
<li><a href="https://projecthuddle.com/" rel="nofollow ugc">ProjectHuddle</a> – Lets you collect sticky note-style feedback on page designs and web projects.</li>
</ul>
<p><strong>Other partnered products:</strong></p>
<ul>
<li><a href="https://cartflows.com/" rel="nofollow ugc">CartFlows</a> – One-click sales funnel builder for WordPress.</li>
<li><a href="https://prestoplayer.com/" rel="nofollow ugc">Presto Player</a> – Best video player plugin for WordPress.</li>
<li><a href="https://surecart.com/" rel="nofollow ugc">SureCart</a> – A powerful eCommerce platform designed to grow your business by effortlessly selling online.</li>
<li><a href="https://suremembers.com/" rel="nofollow ugc">SureMembers</a> – Fastest and easiest way to protect content on your website and build memberships.</li>
<li><a href="https://ottokit.com/" rel="nofollow ugc">OttoKit</a> – Connects your favorite tools so you can automate workflows and streamline your business processes.</li>
<li><a href="https://www.surewriter.com/" rel="nofollow ugc">SureWriter</a> – AI writing tool to make your web design journey faster.</li>
</ul>


Custom Fonts – Host Your Fonts Locally

Looks nice, but does not work with Oxygen Builder

Does not work with Oxygen Builder

Just works

Custom Fonts is a powerful WordPress plugin that allows you to upload your own custom fonts or choose from a vast collection of Google Fonts, all host …

SafeFonts vs Custom Fonts – Host Your Fonts Locally