Custom Fonts – Host Your Fonts Locally vs Simple Gutenberg Google Fonts

HOST FONTS, IMPROVE WEBSITE SPEED, AND ELIMINATE PRIVACY CONCERNS ★★★★★ IMPROVED SPEED AND PERFORMANCE 🚀 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. 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. Try it out on a free dummy site UPLOAD YOUR CUSTOM FONTS OR CHOOSE FROM GOOGLE FONTS 🎨 With Custom Fonts, you have the freedom to customize your website typography to match your unique brand identity! 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. UPLOAD MULTIPLE FONT VARIANTS 🆒 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. ENHANCED PRIVACY AND GDPR COMPLIANCE 🛡️ 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. FULL SITE EDITING THEME SUPPORT AND EASY INTEGRATION 🎉 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. BEAUTIFUL AND USER-FRIENDLY INTERFACE MADE WITH REACT JS 💻 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. COMPLETELY FREE, NO UPSELLS OR HIDDEN COSTS 🆓 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. WHO CAN BENEFIT FROM CUSTOM FONTS? Web designers and developers: You can easily enhance the typography and overall design of your projects, making them stand out from the crowd. eCommerce store owners: 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. Bloggers and content creators: Make your content truly pop. Stand out from the crowd and captivate your audience with Custom Fonts. SEO experts: 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. Custom Fonts caters to anyone who values the customization of typography, performance optimization, privacy control, and compliance with regulations. If you want to take control of your website’s typography and enhance its overall appearance, Custom Fonts is the plugin for you! SOME OF THE SUPPORTED WORDPRESS THEMES: Astra WordPress Theme Spectra One Theme All FSE themes SOME OF THE SUPPORTED WORDPRESS PLUGINS: Spectra Page Builder Elementor Page Builder Branding Guidelines When mentioning Custom Fonts, please use the following format: Custom Fonts [correct] CustomFonts [incorrect] Custom fonts [incorrect] CustomFont [incorrect] Customfont [incorrect] Our Other Products: Astra – The most popular WordPress theme that perfectly integrates with Custom Fonts. Spectra – A visual website builder built with WordPress’ native block editor. Ultimate Addons for Elementor – The best addons to extend Elementor’s capabilities. Schema Pro – All-in-one schema markup plugin that offers complete functionality and easy configuration. ProjectHuddle – Lets you collect sticky note-style feedback on page designs and web projects. Other partnered products: CartFlows – One-click sales funnel builder for WordPress. Presto Player – Best video player plugin for WordPress. SureCart – A powerful eCommerce platform designed to grow your business by effortlessly selling online. SureMembers – Fastest and easiest way to protect content on your website and build memberships. OttoKit – Connects your favorite tools so you can automate workflows and streamline your business processes. SureWriter – AI writing tool to make your web design journey faster.

Simple Google Fonts adds the posibility to change default fonts to Google fonts from within the new WordPress v5.0 editor, codename Gutenberg. You’ll need Gutenberg installed and activated in order to use this plugin. What it does? Simple Google Fonts adds the posibility to change default fonts to Google fonts from within the new WordPress v5.0 editor, codename Gutenberg. You’ll need Gutenberg installed and activated in order to use this plugin. Things to know: Read the After activation section for some info on how to use it. Supported post types: posts and pages You can set Google fonts for individual posts and pages or globally. Globally means that the styles from a selected post will apply to the entire website. It will also apply the styles in the Editor, for new or old posts (that don’t have any styles applied to them). The post needs to be published for you to be able to use its styles globally. If for some reason you change that post to draft mode and the global mode is enabled on it, the option will reset and you’ll need to enable it again after you publish the post. It’s safe to say that if you don’t have an Internet connection, Google fonts will not display (unless you have them installed on your system). To do list: Add support for word-spacing for both body and headings Auto add 700 and 700i weights if the font supports those variants. GDPR Notice By using this plugin (which requests data from Google Fonts servers) you consent that Google will retrieve your IP address and that it might send it to third parties. Also, it’s your responsability to notify and obtain consent from your website’s users (by updating your Privacy Policy and Terms and Conditions). Please read Google’s Privacy Policy and if you agree with it, you can start using this plugin. Theme developers You can use the sgf_defaults filter to change the plugin defaults, example: add_filter( 'sgf_defaults', function( $defaults ) { // since v1.0.1 $check = function_exists( 'sgf_get_font_id' ); // Headings font family $hff = ! $check ? 0 : sgf_get_font_id( 'Josefin Sans' ); // Body font family $bff = ! $check ? 0 : sgf_get_font_id( 'Muli' ); // Headings $defaults[ 'headings' ][ 'ff' ] = $hff; // int | Font Family // Body $defaults[ 'body' ][ 'ff' ] = $bff; // int | Font Family $defaults[ 'body' ][ 'wt' ] = '400'; // string | Font Weight $defaults[ 'body' ][ 'lh' ] = 1.8; // float | Line Height $defaults[ 'body' ][ 'ls' ] = 0; // float | Letter spacing $defaults[ 'body' ][ 'ws' ] = 0; // float | Word spacing // Returns new defaults return $defaults; }, 15 ); For headings you can use the sgf_headings_defaults, example: add_filter( 'sgf_headings_defaults', function( $defaults, $headings ) { // $headings = [ 'h1', ... 'h6' ]; $defaults[ 'h1' ][ 'wt' ] = '400'; // string | H1 font weight, italic is added automatically. $defaults[ 'h1' ][ 'tt' ] = 'none'; // string | H1 text transform $defaults[ 'h1' ][ 'lh' ] = 1.8; // float | Line height $defaults[ 'h1' ][ 'ls' ] = 0; // float | Letter spacing $defaults[ 'h1' ][ 'ws' ] = 0; // float | Words spacing // if a propriety is left out, it will use the plugin default. // you can use this for headings from h1 to h6 return $defaults; }, 10, 2 ); For text logos you can use the sgf_styles_frontend_txt_logo filter to make sure it always takes on the Headings font family, example: add_filter( 'sgf_styles_frontend_txt_logo', function() { return '.logo-wrap'; }, 15 ); You can add these in your functions.php file. If you want to support old PHP versions, replace the anonymous functions with normal functions.