Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/the-typography" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/wordpress-plugins/the-typography" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/the-typography" rel="nofollow ugc">GitHub</a></p>
<p>Add Typography to your Gutenberg site using Google Fonts. Enter CSS selectors or select Blocks to apply custom typography.</p>
<h3>Typography style</h3>
<p>Available typography options include:</p>
<ul>
<li>Font family & variants from Google Fonts</li>
<li>Color (hex or rgba)</li>
<li>Font size</li>
<li>Line height</li>
<li>Font weight</li>
<li>Font style (italic, normal, oblique)</li>
<li>Letter spacing</li>
<li>Text transform (capitalize, uppercase, lowercase)</li>
<li>Text decoration (line-through, overline, underline)</li>
</ul>
<h3>Typography context</h3>
<p>Typographies can be assigned to a specific context:</p>
<ul>
<li>All site</li>
<li>Post types/s (post types available on the site)</li>
<li>Post types/s template (index, single)</li>
<li>Front page</li>
<li>404 page</li>
</ul>
<h3>Typography selectors</h3>
<p>Each typography can have several groups of selectors with unique modifications based on the root typography.<br />
For example: a typography can be set with a certain Font, Color and Font size;<br />
each of its groups of selectors inherit those properties and one could modify the inherited color and other the inherited Font size.</p>
<p>Available CSS selectors include:</p>
<ul>
<li>Text CSS selector (eg: .site-title a)</li>
<li>Block Selector (eg: Block Quote > Citation)</li>
</ul>
<h3>Usage</h3>
<p>The plugin can be accesed from the Customizer inside the tab <strong>The Typography</strong>.<br />
It can also be accesed from any Block editor’s <strong>The Typography</strong> sidebar (top right corner of the editor).<br />
Create a typography and assign it some options; create a group of selectors and inside it create some CSS or Block selectors.<br />
That’s it!<br />
If you want to preview the different fonts before selecting one you can preview them in the <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts repository</a>.<br />
<strong>Note</strong>: The typography editing is assigned to the ‘edit_theme_options’ capability. This means that, by default, only admin and super admin will be able to use the features.</p>


The Typography

Add Typography to your Gutenberg site using Google Fonts.

Marcin Pietrzak

<p>The <strong>Orphans</strong> plugin automatically improves the typography of your WordPress site by preventing single-letter or very short words—known as <em>orphans</em>—from appearing alone at the beginning of a line. By replacing the space after these words with a non-breaking space, the plugin ensures cleaner, more professional-looking text layouts, especially for languages like Polish where such typographic rules are important.</p>
<h4>What are Orphans?</h4>
<p>An <em>orphan</em> in typography is a short word (often a single character) left isolated at the beginning of a line, separated from the rest of the sentence. This is considered a composition error and can negatively affect readability and the visual appeal of your content.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Automatic Orphan Fixing:</strong> Scans your content and replaces spaces after short words (orphans) with non-breaking spaces, preventing them from being separated by line breaks.</li>
<li><strong>Customizable:</strong> Easily modify which words are treated as orphans using filters, or provide your own list of orphan terms.</li>
<li><strong>Non-Destructive:</strong> The plugin does not alter your original content in the database; changes are applied only when content is displayed.</li>
<li><strong>Builder and Plugin Integration:</strong> Seamless compatibility with popular page builders like Bricks, Divi, Muffin (beTheme), WPBakery, and Advanced Custom Fields.</li>
<li><strong>Flexible Usage:</strong> Apply orphan fixes to custom fields or any string using provided filters.</li>
</ul>
<h4>How It Works</h4>
<p>Once activated, Orphans automatically processes your posts, pages, and other content post types, fixing orphaned words on the fly. You can customize its behavior through the settings panel found under Appearance > Orphans, or extend functionality with WordPress filters for advanced use cases.</p>
<h4>Ideal For</h4>
<ul>
<li>Bloggers, publishers, and editors seeking to maintain high typographic standards.</li>
<li>Sites in languages (like Polish or Czech) where orphan control is a common publishing requirement.</li>
<li>Anyone wanting to enhance the professional appearance and readability of their WordPress content.</li>
</ul>
<h4>Open Source & Developer Friendly</h4>
<p>Orphans is open source, actively maintained, and available on <a href="https://github.com/iworks/sierotki" rel="nofollow ugc">GitHub</a> for those interested in contributing or extending its features.</p>
<h4>Asset image</h4>
<p><a href="http://www.flickr.com/photos/calliope/306564541/" rel="nofollow ugc">Manuscript by Muffet, on Flickr</a></p>


Orphans

Supports the grammar rule for orphan words at the end of a line.

The Typography vs Orphans