danielpataki

<p>This plugin allows you to create a Google font selector field with different options. The plugin also creates the font request in the theme header to autoload the fonts if you’d like. Font variants and charsets can be selected separately to make font loading more flexible and optimized.</p>
<p>Font options added to any options page will always be enqueued. Any fonts added to post pages will only be enqueued when that specific post is displayed.</p>
<h4>Google API Key</h4>
<p>To grab the font list from Google you’ll need an API key. This is free and easy to do, take a look at <a href="https://developers.google.com/api-client-library/python/guide/aaa_apikeys" rel="nofollow ugc">this guide</a> to get an API key.</p>
<h4>ACF Compatibility</h4>
<p>This ACF field type is compatible with both <em>ACF 4</em> and <em>ACF 5</em>.</p>
<h4>Thanks</h4>
<ul>
<li><a href="http://www.advancedcustomfields.com/" rel="nofollow ugc">Advanced Custom Fields</a> for the awesome base plugin.</li>
<li><a href="https://www.iconfinder.com/Icojam" rel="nofollow ugc">Iconjam</a> for the T icon.</li>
</ul>
<h3>Usage</h3>
<p>Once installed the list of Google Fonts will be retrieved from a static file included in the plugin. If you would like the list to be pulled from the Google API you will need to define your API key. You can do this in Settings->Google Font Selector in the admin.</p>
<h4>For Developers</h4>
<p>There are a few more advanced controls you can set to make the plugin do your bidding. If you would like to hard-code the API key and disable users from seeing the nag screen and setting panel you can define the <code>ACFGFS_API_KEY</code> constant.</p>
<pre><code>define( 'ACFGFS_API_KEY', 'your_google_api_key' );
</code></pre>
<p>The <code>ACFGFS_REFRESH</code> constant can controls how frequently the plugin checks the Google API for updates. The value is in seconds, 86400 would be a day. The default is set to 7 days.</p>
<pre><code>define( 'ACFGFS_REFRESH', 259200 );
</code></pre>
<p>If you would like to disable the automatic enqueueing of fonts you can use the <code>ACFGFS_NOENQUEUE</code> constant. The fonts are only enqueued automatically when this constant is not defined. Define the constant to disable enqueueing.</p>
<pre><code>define( 'ACFGFS_NOENQUEUE', true );
</code></pre>
<p>If you want to modify the fonts that are loaded on a page you can use the <code>acfgfs/enqueued_fonts</code> filter. This should return an array of fonts with variants and subsets needed, something like this:</p>
<pre><code>array(
    'font' => 'Open Sans',
    'variants' => array( 'regular', '700' ),
    'subsets' => array( 'latin' )
)
</code></pre>
<p>New in 3.0.1 is the ability to control the fonts displayed in the dropdown. If you only want to give your users access to a smaller portion of Google fonts you can use the <code>acfgfs/font_dropdown_array</code> filter to modify the array that is used to generate the dropdown. Please return an array where the key and the value are both the names of the font.</p>
<pre><code>add_filter( 'acfgfs/font_dropdown_array', 'my_font_list' );
function my_font_list( $fonts ) {
    $fonts = array(
        'Raleway' => 'Raleway',
        'Lato' => 'Lato'
    );
    return $fonts;
}
</code></pre>


ACF: Google Font Selector

A field for Advanced Custom Fields which allows users to select Google fonts with advanced options

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 …

ACF: Google Font Selector vs Custom Fonts – Host Your Fonts Locally