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.

Wisdomlogix Solutions Pvt. Ltd.

<p>To make your WordPress website a beautiful, and elegant look, just upload your favorite custom font or select Google fonts from our 800+ Google fonts collection. Your uploaded and selected fonts can be applied to HTML elements and headings and titles without any CSS knowledge. You can select Google fonts and store them on your own server.<br />
Enhance the visual appeal and user experience of your WordPress website with our Fonts Manager | Custom Fonts plugin.<br />
With our plugin, you can effortlessly customize the typography of your website, allowing you to choose from a wide range of stunning fonts to match your brand identity. Boost your website’s aesthetics, readability, and overall design by seamlessly integrating unique fonts that reflect your style. Our plugin is easy to install and offers extensive font management options, ensuring a smooth and hassle-free experience. Improve your website’s SEO by leveraging our SEO-friendly Fonts Manager | Custom Fonts plugin, which optimizes font loading and ensures fast page load times. Elevate your web design and create a memorable impression with our responsive, accessible, and user-friendly custom font plugin. With this plugin, you can easily integrate and customize fonts without the need for extensive coding or web development skills.You can define your own class to apply custom fonts.Here no limit to uploading and adding custom fonts.Also you can apply your favourite color to your HTML tags by ‘color settings’ menu.In our Google Fonts menu section, more than 800 Google fonts are available for changing the fonts of your WordPress website.Your selected all fonts are stored in your own server, so our Fonts Manager | Custom Fonts plugin is GDPR compliant.</p>
<h3>Features</h3>
<ul>
<li>No any limit for uploading custom fonts and also not for font assignment.</li>
<li>800 + Google fonts plus 10 local fonts are available for font selection.</li>
<li>All popular fonts are available in our font collection.</li>
<li>Very quick and easy to use and very very simple to use.</li>
<li>WordPress Editor, Gutenberg Editor,tinyMCE editor support.</li>
<li>Add and delete custom font functionality. Uploaded fonts can change anytime for assignment.</li>
<li>Multiple custom fonts can be used.</li>
<li>Added 3 font types in @font-face property to display font in all major browsers.</li>
<li>Faster load time because your custom fonts are stored on your own server.</li>
<li>Uploaded fonts are used by @font-face css, So it is SEO friendly and quick loading.</li>
<li>Accepts custom font file upto 10 MB.</li>
<li>Applied custom fonts can directly view in the admin and frontend side.</li>
<li>No need for any API key to use this plugin. You can directly use this plugin without any formalities.</li>
<li>Host Google Fonts Locally.</li>
<li>GDPR compliant.</li>
<li>Assigned fonts can be unassigned.</li>
<li>Heading, title, and HTML elements are supported for assigning custom fonts.</li>
<li>Supports major editors and themes.</li>
<li>Font Switching: The ability to easily switch between different fonts or font combinations without modifying the wordpress website’s code.</li>
<li>Font Color: You can set your all desired color to your HTML tags.No required to upload any custom fonts you can directly apply your custom color to HTML tags.</li>
</ul>
<h3>How does it work?</h3>
<ol>
<li>Install the plugin.</li>
<li>If you want to upload your custom font than ‘ttf’,’woff’,’woff2′ font formats files are compulsory.But you can also choose Google fonts (More than 800 Google fonts in our collection) from our Google Fonts menu section.</li>
<li>Your uploaded fonts (Either by your custom fonts files or selected from our Google Fonts menu section) can be assigned to Headings, titles, and HTML elements.</li>
<li>The assigned font will apply to selected elements, titles, and headings.</li>
<li>Also uploaded font will appear in the WordPress TinyMCE editor too.</li>
<li>You can view your custom-assigned font in given elements and heading and title.</li>
<li>You can directly change the HTML tags’ color through the ‘Color Settings’ menu.</li>
</ol>
<h3>How to use plugin video</h3>
<p><iframe loading="lazy" title="fonts-manager-custom-fonts" src="https://player.vimeo.com/video/837143039?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe></p>


Fonts Manager | Custom Fonts

This plugin allows you to easily change WordPress website font. Just select fonts or upload custom fonts and assign fonts to elements and fonts will b …

SafeFonts vs Fonts Manager | Custom Fonts