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

pixelgrade

vlad.olaru

George Olaru

Razvan Onofrei

Madalin Gorbanescu

<p>With <a href="https://github.com/pixelgrade/customify" rel="nofollow ugc">Customify</a>, developers can easily create <strong>advanced theme-specific options</strong> inside the WordPress Customizer. Using those options, a user can make presentational changes without having to know or edit the theme code.</p>
<p>This plugin is <strong>primarily intended</strong> to be used together with <a href="https://wordpress.org/themes/author/pixelgrade/" rel="ugc">Pixelgrade themes</a>. So the best way to get acquainted with it’s capabilities is to study the way <a href="https://github.com/pixelgrade/rosa2-lite/tree/master/inc/integrations/customify" rel="nofollow ugc">one of Pixelgrade’s themes</a> integrates with it.</p>
<p><strong>Made with care by Pixelgrade</strong></p>
<h3>Credits</h3>
<ul>
<li><a href="https://select2.github.io" rel="nofollow ugc">Select2</a> JavaScript library – License: MIT</li>
<li><a href="https://github.com/NV/CSSOM" rel="nofollow ugc">CSSOM.js</a> JavaScript library – License: MIT</li>
<li><a href="https://ace.c9.io/" rel="nofollow ugc">Ace Editor</a> JavaScript editor – License: BSD</li>
<li><a href="https://github.com/natedavisolds/jquery-react" rel="nofollow ugc">jQuery React</a> JavaScript jQuery plugin – License: MIT</li>
<li><a href="https://github.com/typekit/webfontloader" rel="nofollow ugc">Web Font Loader</a> JavaScript library – License: Apache 2.0</li>
<li><a href="http://fusejs.io" rel="nofollow ugc">Fuse.js</a> Lightweight fuzzy-search JavaScript library – License: Apache 2.0</li>
<li>Default <a href="https://unsplash.com/photos/OgM4RKdr2kY" rel="nofollow ugc">image</a> for Style Manager Color Palette control – License: <a href="https://unsplash.com/license" rel="nofollow ugc">Unsplash</a></li>
</ul>


Customify – Intuitive Website Styling

Customify is a theme Customizer booster to easily customize Fonts, Colors, and other options for a certain WordPress theme.

ACF: Google Font Selector vs Customify – Intuitive Website Styling