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.

Damian Góra

<p><strong>Support typographic rules in Polish and Czech</strong><br />
Moves conjunctions, prepositions, etc. to the new line. ( sierotki )</p>
<p><strong>Support punctuation marks in French</strong><br />
Adds a non-breaking space <code>&nbsp;</code> before punctuation marks as <code>!</code> <code>?</code> <code>;</code> <code>%</code> <code>«</code> <code>»</code></p>
<p><strong>How it works?</strong><br />
The plugin automatically adds HTML entity <code>&nbsp;</code> ( non-breaking space ) after selected words or phrases. E.g. ‘Mr. Someone’ should be ‘Mr.<code>&nbsp;</code>Someone’. Works with:</p>
<ul>
<li>posts</li>
<li>titles</li>
<li>pages</li>
<li>custom post types</li>
<li>comments</li>
<li>widgets</li>
<li>custom contents</li>
</ul>
<p>You can create your own list of words/phrases or import our proposals.</p>
<p><strong>Custom contents</strong><br />
You can use the function <code><?php auto_nbsp($content, $echo); ?></code> to add <code>&nbsp;</code> to the custom content. Use this in your code.<br />
1. Param <code>$content</code> – (string) (required) Free text<br />
2. Param <code>$echo</code> – (bool) (optional) true (echo), false (return), Default: true</p>
<p><strong>Other features:</strong><br />
*  Advanced Custom Fields compatibility</p>
<p>If you have any ideas for how Automatic NBSP could be improved, you write to us.</p>


Automatic NBSP

Automatically adds a non-breaking space (&nbsp) in the content.

Advanced Custom Fields: Typography Field vs Automatic NBSP