Alvaro

<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>
Add Typography to your Gutenberg site using Google Fonts. Enter CSS selectors or select Blocks to apply custom typography.
<h3>Typography style</h3>
Available typography options include:
<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>
Typographies can be assigned to a specific context:
<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>
Each typography can have several groups of selectors with unique modifications based on the root typography. 
For example: a typography can be set with a certain Font, Color and Font size; 
each of its groups of selectors inherit those properties and one could modify the inherited color and other the inherited Font size.
Available CSS selectors include:
<ul>
<li>Text CSS selector (eg: .site-title a)</li>
<li>Block Selector (eg: Block Quote > Citation)</li>
</ul>
<h3>Usage</h3>
The plugin can be accesed from the Customizer inside the tab The Typography. 
It can also be accesed from any Block editor’s The Typography sidebar (top right corner of the editor). 
Create a typography and assign it some options; create a group of selectors and inside it create some CSS or Block selectors. 
That’s it! 
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>. 
Note: 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.

The Typography

Add Typography to your Gutenberg site using Google Fonts.

Peacefulqode

This plugin allows users to easily add custom Google fonts to their WordPress website, and customize the typography settings for various elements such as headings, paragraphs, and more.
“Introducing the ‘Fonts Typo | Fonts Typography’ Plugin – Your Gateway to Transformative Typography!” 
Unlock a new realm of creative expression with the “Fonts Typo | Fonts Typography” plugin. This innovative tool revolutionizes the way you wield the power of typography within your design projects. Seamlessly integrating into your favorite design software, this plugin empowers you to effortlessly access a curated treasury of exceptional typefaces, redefining the aesthetics of your creations.
With the ‘Fonts Typo | Fonts Typography’ plugin, you’re not just choosing fonts – you’re curating experiences. Dive into a diverse collection encompassing classic serifs, modern sans-serifs, expressive scripts, eye-catching display fonts, and more. Each typeface is a masterpiece, carefully crafted to embody unique personalities, evoke emotions, and convey messages with unparalleled impact.
Gone are the days of tedious font searches across various platforms. The plugin’s intuitive interface grants you instant access to a rich spectrum of fonts, streamlining your creative workflow. Whether you’re designing for web, print, branding, or social media, finding the perfect font is a breeze, ensuring your projects are imbued with the right tone and character.
Say goodbye to limitations and hello to versatility. The ‘Fonts Typo | Fonts Typography’ plugin is built to adapt. Its smart resizing technology ensures impeccable legibility across different sizes and mediums, guaranteeing your typography remains captivating and readable on every canvas.
Don’t just settle for ordinary – elevate your designs to extraordinary. The ‘Fonts Typo | Fonts Typography’ plugin is an essential companion for designers, marketers, and content creators alike. From corporate sophistication to whimsical charm, you’re equipped to captivate audiences and make a lasting impression. 
Upgrade your design journey with the ‘Fonts Typo | Fonts Typography’ plugin. Elevate your projects, redefine your typography, and embark on a voyage of boundless creativity. Download now and discover the endless possibilities that await your artistic vision.
<a href="https://documentation.peacefulqode.com/v/fonts-typo-documentation" rel="nofollow ugc">Click Here</a> for plugin documentation
Fonts Typo | Fonts Typography Pro
UPLOAD YOUR CUSTOM FONTS OR CHOOSE FROM GOOGLE FONTS 🎨 
With Fonts Typo Pro Version, you have the freedom to customize your website typography to match your unique brand identity.
You can easily upload your own custom font files, such as .ttf or .otf, and use them throughout your website. Or, you can choose from a rich library of Google Fonts and host them locally on your server, ensuring full control over their use.

Fonts Typo | Fonts Typography

By using this plugin you can change your website font family style with the google fonts.

The Typography vs Fonts Typo | Fonts Typography