Fonts Plugin | Google Fonts, Adobe Fonts & Upload Fonts
Pick a font from a dropdown and watch your site change live. When you’re happy, click Publish. The preview updates on your own content as you browse, so you can try as many fonts as you like before anything goes live. You never need to edit theme files or write CSS. Fonts Plugin is the #1 fonts plugin for WordPress: 200,000+ websites, 10.6 million downloads, and a 5.0 rating from 1,217 reviews on WordPress.org. What Can You Do With Fonts Plugin? Fonts Plugin lets you apply different fonts to different parts of your website. Choose one typeface for headings and another for body text, then adjust size, weight, colour, line height and letter spacing from the same screen. The live preview updates instantly, so you can see how a font looks on your own content before saving. The plugin works with every WordPress theme (Twenty Twenty-Five, GeneratePress, Elementor, and others) and requires no changes to your theme files. What Fonts Are Available? Fonts Plugin gives you three ways to get fonts onto your site. Google Fonts: over 1,400 typefaces, all free for personal and commercial use. Adobe Fonts (Typekit): connect your Adobe Creative Cloud subscription and use any typeface from your kit. Your own font files: upload in any standard format for brand fonts that aren’t in either library. Whether you need a sans-serif for a corporate site or a serif for a blog, you can set it up without installing a second plugin. Free Features Live Customizer preview: see fonts on your real site before saving 1,400+ Google Fonts (the complete library, always current) Adobe Fonts (Typekit) integration Upload custom fonts: .ttf, .otf, .woff and .woff2 Works with any WordPress theme, no coding required Gutenberg block for applying Google Fonts in the block editor WooCommerce support Translated into 25+ languages SSL/HTTPS compatible Tested with PHP 7 and PHP 8 Pro Features Pro adds local hosting, font loading controls, and per-element typography. Host Google Fonts locally: font files are served from your own domain, so no visitor request reaches Google Remove external fonts: strip out Google Fonts loaded by your theme and other plugins Rewrite external fonts: convert third-party font requests to your local copies Selective font loading: a font family can arrive with up to sixteen weights and several alphabets. Most sites use three or four. Untick the rest and they stop downloading. Font preloading: text paints sooner without the fallback flash Per-element controls: font size, colour, line height, letter spacing and text transform Custom elements: target your own CSS selectors Priority email support: responses within 24 hours Pro is a one-time payment. Lifetime updates and priority support are included, with no subscription or renewal fees. Every purchase is covered by a 14-day money-back guarantee. Compare free and Pro side by side → Why Choose Fonts Plugin Over Other Font Plugins? 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 in the WordPress Customizer. Unlike page builder typography tools, it works with every theme. Unlike GDPR-focused font plugins that only localize fonts you already have, it also lets you choose and preview new ones. Fonts Plugin is the #1 fonts plugin for WordPress, with a 5.0 average across 1,217 reviews, 200,000+ active installations and 10.6 million downloads to date. Plugin Compatibility Fonts Plugin works with all WordPress themes. It has been tested with: Page Builders Elementor Divi Builder Beaver Builder WPBakery Themes All StudioPress / Genesis themes Twenty Twenty-Five, Twenty Twenty-Four, Twenty Twenty-Three Twenty Twenty, Twenty Nineteen, Twenty Seventeen ThemeGrill themes LyraThemes ThemeIsle themes Helpful Resources Full Documentation Best Google Font Combinations for WordPress Google Fonts Checker — audit any website’s fonts How to Add Google Fonts to WordPress (step-by-step guide) Website Font Checker Free vs Pro Comparison Found a Bug? Please let us know via the support forum. We read every report. Contribute Fonts Plugin is open source and welcomes contributions: Report a bug or issue Translate the plugin into your language Submit feedback or feature requests
Top keywords
- fonts33×4.79%
- font16×2.32%
- google10×1.45%
- wordpress10×1.45%
- google fonts8×1.16%
- twenty8×1.16%
- theme6×0.87%
- live5×0.73%
- own5×0.73%
- preview5×0.73%
- pro5×0.73%
- themes5×0.73%
SafeFonts
SafeFonts helps you comply with GDPR by hosting fonts locally and avoiding third-party requests, with seamless Gutenberg integration and CSS variables support. 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. Compatible With Block Editors: * WordPress Gutenberg Block Editor * WordPress 6.5+ Font Library * Full Site Editing (FSE) Themes Need Page Builder Integration? SafeFonts Pro 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. Why Choose SafeFonts? 🔒 Security-First Approach * Magic byte validation for all font files * MIME type verification * File hash checking * Configurable file size limits * Protection against malicious uploads ⚡ Fast & Lightweight * Custom database storage for instant queries * Designed to minimize impact on page load speed * Optimized font delivery * Works with any theme or page builder ✅ Gutenberg Integration * Automatic integration with block editor typography * WordPress 6.5+ Font Library support * Works with all blocks that support typography * No configuration needed 🎨 CSS Variables Support * Automatic CSS variables generation for all fonts * Use var(–safefonts-font-slug) in custom CSS * Works with any theme or builder supporting CSS custom properties * Dedicated CSS Reference page with comprehensive documentation 🎥 Quick Start Video Watch this quick tutorial to see how easy it is to upload and use custom fonts in WordPress. 🎯 Simple Upload Process * Individual font file uploads (.woff2, .woff, .ttf, .otf) * Specify font family, weight, and style * Visual font previews in admin * Drag-and-drop ready interface ⚡ Performance Optimization * Font preloading support for faster page loads * Automatic preload tag generation: * User-selectable fonts for preloading (Settings tab) * Best practice: Preload 1-2 critical fonts only * Reduces flash of invisible text (FOIT) * Improves Core Web Vitals scores 🌍 GDPR Compliant * Local font hosting * No external font requests—fonts are served entirely from your WordPress installation * Complete data privacy * Suitable for GDPR-compliant sites Perfect For Privacy-conscious websites requiring GDPR compliance Sites that need custom or premium fonts Agencies managing multiple client sites Anyone wanting better control over typography Performance-optimized websites How It Works Upload Fonts: Go to SafeFonts menu and upload your font files Configure Details: Set font family name, weight (100-900), and style (normal/italic) Use Everywhere: Your fonts automatically appear in: Gutenberg block editor typography settings CSS variables for custom CSS (check CSS Reference page) WordPress 6.5+ Font Library That’s It! Fonts are served locally with optimal performance Getting Google Fonts Download Google Fonts from these sources: SafeFonts Web Font Downloader – convenient bulk download tool Google Fonts GitHub – official repository Google Webfonts Helper – third-party download tool Once downloaded, upload the font files (.woff2, .woff, .ttf, .otf) through SafeFonts > Upload tab. Need more features? SafeFonts Pro offers bulk ZIP imports, page builder integration, and advanced font management. Learn more Supported Font Formats WOFF2 (recommended – best compression) WOFF (broad browser support) TTF (TrueType fonts) OTF (OpenType fonts) WordPress 6.5+ Font Library 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. Developer Documentation Template Functions SafeFonts provides helper functions for developers: 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 Hooks & Filters Filters: * upload_mimes – SafeFonts adds font MIME types automatically Database Structure Table: wp_chrmrtns_safefonts * id – Font ID * font_family – Font family name * family_slug – Sanitized family slug for folder names (v1.1.0+) * font_style – normal or italic * font_weight – 100-900 * file_path – Relative path to font file (includes family folder v1.1.0+) * file_hash – SHA-256 hash for integrity * file_size – File size in bytes * mime_type – Validated MIME type * created_at – Upload timestamp * updated_at – Last update timestamp Architecture SafeFonts uses modern PHP namespaces and PSR-4 autoloading: * Chrmrtns\SafeFonts\Core – Main plugin class * Chrmrtns\SafeFonts\FontManager – Font validation and management * Chrmrtns\SafeFonts\Admin\AdminInterface – Admin UI Support For support, feature requests, or bug reports, please visit: * GitHub * Website Privacy Policy 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.