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.

Jason Judge

<p>The purpose of this plugin is to make all available Google webfonts available to the WooThemes Canvas theme,<br />
and any other themes that use the WooThemes framework. It also allows additional selected international subsets<br />
(Greek, Cyrillic, Vietnamese etc.) to loaded, which the Woo Framework does not support at present.</p>
<p>It works like this:</p>
<ol>
<li>You install the plugin. It contains a key that is used to access the Google Webfonts API.</li>
<li>The API is used to download the full list of Google web fonts in the Settings page. This is cached locally, and will only be refreshed when you save the plugin settings page.</li>
<li>The full list of fonts and all variants replaces the list that the Woo framework defines internally.</li>
</ol>
<p>What you should then see, is the ability to select any available Google web font in the WooThemes theme administration pages,<br />
and have those fonts displayed in your theme.</p>
<p>In previous versions, you had to register for a Google API key. You no longer have to do this, as the plugin<br />
has a shared API key built-in. You can still use your own, but if you don’t, then the shared key will be<br />
set when activating the plugin.</p>
<p>If an invalid API key is used, this plugin has a fallback list of fonts, so you can try it out without an API key,<br />
and that might even be good enough for your purposes.</p>
<p>In addition, you can select the weights that will be downloaded. If you only use light/regular/bold (300/400/700) then<br />
there is no point requesting all the additional weights from some of the fonts that are more complete, but<br />
consequently are a very heavy download. This plugin will help to keep the bandwidth down, and so the load speed higher.</p>
<p>This plugin has been tested against PHP5.3 and the project repository is here:</p>
<p><a href="https://github.com/academe/google-webfonts-for-woo-framework/" rel="nofollow ugc">https://github.com/academe/google-webfonts-for-woo-framework/</a></p>
<p>Changes have been made so that it works with PHP5.2 and has been reported as working.<br />
However, I work under at least 5.3 so some incompatibilities may creep in by accident from time-to-time – just report them and I will do my best to fix as quickly as possible.</p>
<p>Please let me know how this plugin works for you, whether you like it, and how it can be improved.</p>


Google Webfonts For Woo Framework

Give the WooThemes framework access to the full range of current Google Webfonts.

Advanced Custom Fields: Typography Field vs Google Webfonts For Woo Framework