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.

Bytes Vibe

<p>Bangla Font CDN is a user-friendly WordPress plugin that allows you to enhance your website with beautiful Bangla (Bengali) fonts. The plugin includes 12 fonts, such as Noto Serif Bengali, Siyam Rupali, SolaimanLipi, Kalpurush, and more, sourced from various providers and bundled locally within the plugin. With a modern settings interface, you can preview fonts in real-time, set fallback fonts, and adjust typography settings like font size, line height, and letter spacing.</p>
<p><strong>Key Features</strong>:</p>
<ul>
<li>Choose from 12 Bangla fonts with a live preview.</li>
<li>Set fallback fonts for compatibility.</li>
<li>Adjust typography settings (font size, line height, letter spacing) with real-time preview.</li>
<li>Option to override theme font size or use theme settings.</li>
<li>Reset all settings to defaults with a single click.</li>
<li>Dedicated disclaimer page outlining font licensing responsibilities.</li>
<li>Modern, accessible admin interface with card-based design.</li>
</ul>
<p><strong>Important Note:</strong> Each font included in this plugin is bundled locally and has its own license (e.g., SIL Open Font License, GNU GPL, or others). Some fonts are free for personal and commercial use, while others may have restrictions. You are responsible for verifying the license of each font before using it in commercial projects. Review the Disclaimer page in the plugin settings and the <code>fonts/LICENSE.txt</code> file for more details.</p>
<h3>Disclaimer</h3>
<p>The Bangla Font CDN plugin includes Bangla fonts from various providers, bundled locally within the plugin. Each font has its own license (e.g., SIL Open Font License, GNU GPL), included in the <code>fonts/LICENSE.txt</code> file. Users are responsible for verifying the license of each font before using it in commercial projects. The plugin author and BytesVibe are not liable for any legal or financial consequences arising from font misuse. Review the Disclaimer page in the plugin settings for full details.</p>


Bangla Font CDN

A powerful and easy-to-use plugin to use 10+ beautiful Bangla fonts on website with live preview, fallback font options, and advanced typography.

The Typography vs Bangla Font CDN