Mujahid Ishtiaq

<p>Typography field type for “Advanced Custom Fields” plugin that lets you add different text properties e.g. Font Size, Font Family, Font Color etc.</p>
<h4>Supported Subfields</h4>
<ul>
<li>Font Size</li>
<li>Font Family</li>
<li>Font Weight</li>
<li>Font Style</li>
<li>Font Variant</li>
<li>Font Stretch</li>
<li>Line Height</li>
<li>Letter Spacing</li>
<li>Text Align</li>
<li>Text Color</li>
<li>Text Decoration</li>
<li>Text Transform</li>
</ul>
<h4>Other Features</h4>
<ul>
<li>Supports Google Fonts. The selected Google Fonts are automatically enqueued on front-end of posts/pages. Google Fonts also work with ACF Options.</li>
<li>Supports Gutenberg Blocks created with ACF.</li>
<li>Option to show/hide each subfield individually</li>
<li>Option to make each subfield required individually</li>
<li>Color Picker for Text Color subfield</li>
</ul>
<h4>Documentation</h4>
<pre><code>// Returns the value of a specific property
get_typography_field( $selector, $property, [$post_id], [$format_value] );

// Displays the value of a specific property
the_typography_field( $selector, $property, [$post_id], [$format_value] );

// Returns the value of a specific property from a sub field.
get_typography_sub_field( $selector, $property, [$format_value] );

// Displays the value of a specific property from a sub field.
the_typography_sub_field( $selector, $property, [$format_value] );
</code></pre>
<h4>Shortcode</h4>
<pre><code>[acf_typography field="field-name" property="font_size" post_id="123" format_value="1"]
</code></pre>
<h4>Github repository</h4>
<p><a href="https://github.com/mujahidi/acf-typography" rel="nofollow ugc">@mujahidi/acf-typography</a></p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* Free and paid versions of the ACF plugin</p>


Advanced Custom Fields: Typography Field

A Typography Add-on for the Advanced Custom Fields Plugin.

asadkn

<p>An easy way to self-host all your Google Fonts for increased Privacy or to meet a law requirement.<br />
Theme and plugin authors are often unwilling to offer a self-hosted method and it’s quite laborious to download and upload each of the required font.</p>
<p>This plugin makes it all easy. It will scan all CSS on your site and automagically download and host on your server the necessary Google Web Fonts.</p>
<p><strong>How it works:</strong></p>
<ul>
<li>Converts all Google Font enqueues to locally hosted CSS files.</li>
<li>Scans and converts any inline style tags using @imports for fonts.</li>
<li>Processes all the local CSS files that weren’t properly enqueued (bad authors?).</li>
<li>While doing so, downloads all the required Google Fonts to your server.</li>
</ul>
<p><strong>Features:</strong></p>
<ul>
<li>Automatic self-hosted fonts with no effort.</li>
<li>Compatible with all themes and plugins.</li>
<li>Supports IE9+ and all modern browsers.</li>
<li>Optimized code benchmarked for performance.</li>
<li>Built-in cache for processing.</li>
<li>Compatible with cache plugins and Autoptimize.</li>
<li>API and hooks for theme & plugin authors.</li>
<li>Uses unicode-range for optimized fonts when using multiple subsets. Google officially does this too, but other solutions for downloading fonts don’t support this.</li>
</ul>
<p><strong>Dev Notes</strong></p>
<p><em>Cache</em>: The most common reason for a failure. If you have a cache plugin, clear the caches.</p>
<p>It will not work with JS solutions like WebFont Loader. If you’re a developer, you can still use this plugin’s API to get the needed CSS and files to convert your WebFont Loader. I will post instructions on support forums if there’s interest.</p>


Self-Hosted Google Fonts

Automatically self-host all the Google Fonts on your site. Plug and play.

Advanced Custom Fields: Typography Field vs Self-Hosted Google Fonts