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.

Adrian Hanft

Typography on the web is very limiting. Luckily you have options when it comes to improving the fonts on your site. The Font Burner Control Panel plugin allows you to easily add any of the 1000+ free fonts available on the <a href="http://www.fontburner.com/the-font-burner-wordpress-plugin/" rel="nofollow ugc">Font Burner website</a> to your WordPress theme. Simply find a font you like and type it’s name into this plugin and your headlines will instantly be transformed! You don’t need to know how to use sifr, you don’t have to customize your theme. You don’t need Flash. Font Burner is the easiest way to bring rich typography into your WordPress theme.
Changelog:
Version 1.0 
– Version 1 introduces a big shift in how Font Burner functions. Rather than relying on the Font Burner servers which have gotten slow due to the high traffic from the popularity of this plugin, you now host the font files in your plugin folder. Be sure to back up your old version of this plugin before upgrading.
Version 0.8 
– Fixed underline problem
Version 0.7 
– Much of the code in this version has been rewritten with the goal of reducing the code footprint. 
– The code is now more efficient and eliminates unnecessary code when options are set to “off” 
– Code inserted into your site’s header is now cleaner and better formatted 
– Verified compatibility with WordPress 2.8 
– misc bug fixes
Version 0.6 
– Added the ability to change the underline setting for “hover” 
– Added the ability to change the color of links 
– Added the ability to change the color of the hover state of links 
– Updated the help section 
– fixed mistakes
Version 0.5 
– This is the first major update to the Font Burner Plugin. New features include: 
1. The ability to change font color for H1, H2, H3 and H4 independently 
2. The ability to specify alignment (right, left, center) 
3. The ability to use different fonts for H1, H2, H3 and H4 
4. Improved interface so it is more user-friendly 
5. The addition of a “help” section
Version 0.4 
– added google analytics code
Version 0.3 
– Fixed bug that prevented plugin from being updated automatically through WordPress. 
– Added screenshot
Version 0.2 
– removed styles in fontburner.css that were redundant and causing errors when headlines were “off.” 
– Changed the plugin variable “Options” to something less likely to conflict with other plugins. 
– Corrected part of documentation that said this plugins screen would appear under the “design” tab when it actually shows up under “settings.”

Font Burner Control Panel

The Font Burner Plugin allows you to easily add Font Burner Fonts to your Wordpress theme. (IF UPGRADING, BE SURE TO RECORD YOUR FONT BURNER SETTINGS  …

The Typography vs Font Burner Control Panel