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.

Andrew Taylor

Chris Wallace

upthemes

Anthony Garand

<p>Typecase makes working with web fonts in WordPress a glorious experience. With over 650 fonts from Google Web Fonts, Typecase is a unique and easy-to-use typography plugin that allows you to quickly browse, find, and select fonts to apply to your website.</p>
<p>Developed by <a href="http://upthemes.com" rel="nofollow ugc">UpThemes</a>.</p>
<p>Typecase works out-of-the-box with all the default themes, including the brand new Twenty Fifteen. We’ve incorporated new controls for font selection with the Customizer, making it easy to select fonts that fit your style.</p>
<h3>Advanced Usage</h3>
<p>Typecase offers the ability to apply fonts to any theme through the use of CSS. If you don’t know how to find CSS selectors to target in your theme, make sure to ask the original theme author to implement theme support for Typecase. Once the theme declares support for Typecase, you will easily be able to customize the fonts in your theme without the need for using CSS selectors.</p>


Typecase Web Fonts

Typecase is a web font management plugin that allows you to browse, search, and embed over 650 fonts from Google Web Fonts.

Advanced Custom Fields: Typography Field vs Typecase Web Fonts