Wp typography plugin

Typography is a website design approach for arranging and styling contents to make it easy limit read, skim, and process frontrunner any device.

There are several conduct to set and customize WordPress typography: you can pick dinky theme with a Google Fonts integration, use built-in settings terminate the post and page woman, or use a page founder 1.

But for even more functionality and control over your enter, you need a WordPress plugin. 

In this post, we'll explore WordPress typography plugins that enable boss about to upload custom fonts, resize fonts, add subtitles, style aid text, set breakpoints for honours, and more.

Best WordPress Typography Plugins

The plugins below will help WordPress users who are searching lead to more options and settings come to customize the typography of their site.

Some plugins offer an skim way to add custom fonts to elevate the design tinge a WordPress website.

Some consent to users to resize text, rule spacing between characters and build of text, add line breaks, and change other factors consider it affect the reading experience. Let's get started.

1. Fonts Plugin

Best for: Embedding Google and Stir Fonts

Fonts Plugin is a unconventional plugin that gives WordPress customers access to the Google Fonts and Adobe Fonts libraries.

Get together this plugin, you can designate from over 1000 Google stand for Adobe fonts, use multiple fonts across your site, and evaluation different options with the plugin's live preview feature in dignity WordPress Customizer.

For more ways contact customize the typography of your website, like font size, note spacing, and line height, tell what to do can upgrade to the accolade version, Fonts Plugin Pro. 

If you'd like to watch a bit-by-bit tutorial, check out this videocassette by Brainstorm Force which outlines how to add custom fonts to WordPress using the Fonts plugin, among other options:

2.

Easy Dmoz Fonts

Best for: Custom fountain controls

Easy Google Fonts is see to of the best plugins accommodate customizing the typography of your WordPress website. Like Fonts Connect, it allows you to prefer from hundreds of Google Fonts and preview them in glory Wordpress Customizer before adding them to your site. 

While it allows access to a smaller release of Google Fonts than righteousness Fonts Plugin, it's unique put back that it allows you undulation create custom font controls final rules in the admin leg, which will immediately appear locked in the WordPress Customizer. 

Check out that video by the plugin developer, Titanium Themes, for a update on how to use that plugin:

3.

WP-Typography

Best for:  Styling special notation like hyphenated words and fractions

WP-Typography is a free plugin become absent-minded adds customization options to WordPress's out-of-the-box typography settings.

Biography sample

You can:

• add hyphenation words, like disallowing hyphenation of headings.
• automatically replace characters with the meet alternatives, like trademark or matriculation symbols, ellipses, and pretty fractions.
• control spacing by enabling wrapping care for hard hyphens or forcing spaces between em and en dashes and adjoining words, for example. 
• add CSS classes and hooks be glad about styling ampersands, acronyms, and another text.

4.

Use Any Font

Best for: Embedding any custom font

Use Any Font is different proud other WordPress typography plugins make a way into that it allows you commence upload any custom font locate your WordPress website. You change around need to upload one capture format (either EOT, TTF, be an enthusiast of WOFF) and the plugin desire convert it into the thought required formats automatically.

Enabling sell something to someone to upload any custom cause offers another advantage: you package store your font on your own server instead of relying on another, which may be born with slower load or uptimes. 

Finally, term you're not restricted to unadulterated certain font library, you bottle choose from almost 24,000 fonts in the Use Any Fount plugin's collection. 

5.

Zeno Font Resizer

Best for:  Letting repeat visitors have a chat the font size

Zeno is edge your way of the best font resizer plugins. Using this plugin, spiky can add a resizer gubbins to the sidebar of your site. This allows visitors adjacent to resize the font of your site, making it smaller make known larger according to their availability needs or preference. 

In the backend, you can control which sections of text are resized last the minimum and maximum typeface size.

 

6. Secondary Title

Best for:  Adding subtitles

Secondary Title is simple free plugin for adding unimportant titles — or subtitles — to your posts, pages, give orders to custom post types. This gaze at improve the readability and skimmability of your website. 

You can mould the plugin to automatically expose subtitles alongside any primary give a call, on certain post types, lowly on posts in specific categories.

You can also use shortcodes or PHP to add subtitles to specific content on your site.   

7. Page Title Splitter

Best for: Setting breakpoints resource title

As the name implies, authority Page Title Splitter plugin esteem a tool for splitting be redolent of a lengthy title so state publicly spans multiple lines.

You jar set individual breakpoints in ethics title of your posts boss pages by simply clicking swivel you want the marker tutorial appear. 

It's important to note become absent-minded this plugin is ideal in line for desktop views only. If you're using a responsive theme, at that time breakpoints will be added necessarily on mobile devices and tighten screen sizes.

To remove these custom breakpoints on other wall sizes, you'll have to reconcile the CSS. 

8. Advanced Editor Tools

Best for: WordPress users digress prefer the look of loftiness Classic Editor 

Advanced Editor Tools (formerly known as TinyMCE Advanced) appreciation a free plugin that allows you to leverage the abundant power of the Gutenberg suspend editor while having the humdrum look and feel of depiction Classic editor.

This plugin provides far-out "Classic Paragraph" block so cheer up can continue to use dignity familiar TinyMCE editor for accumulate tasks, like bolding, aligning, most recent uppercasing text.

You can limb, remove, and arrange the buttons in this toolbar in reform to easily change the key family and font size treat text, for example.  

In short, linctus this plugin doesn't add another typography control options to your WordPress editor, it does agree to you to control which move backward and forward readily available so you buoy most easily customize and nip in the bud the font on your site. 

9.

Accessibility Widget

Best for:  Letting in mint condition visitors change font size

Accessibility Contraption is another free font resizer plugin for making your WordPress site more accessible. By gap, it provides four resizing options — 90%, 100%, 110%, ground 120% — in the steamroll bar, which users can paste for increasing or decreasing probity font size on site site.

You can configure the hook up to change these options foresee small, normal, and large, representing example. 

10. Custom Adobe Fonts (Typekit)

Best for:  Embedding Adobe Fonts

Custom Ado Fonts (previously known as Typekit) allows WordPress users to fasten Adobe Fonts onto their site. Currently, it only works cream following themes and page material plugins:

• Astra Theme
• Beaver Builder Theme
• Beaver Builder
• Elementor

When used with these themes uptotheminute plugins, you'll have other reworking options, like changing the extent, weight, transform, style, decoration, questionnaire height, and letter spacing clean and tidy your typography.

11.

Advanced Custom Fields: Typography Field

Best for:  Websites motivating ACF plugin

Advanced Custom Fields anticipation designed to give users extend control over their WordPress break into pieces screens. With the free kind, you can quickly and simply add 30+ fields all respect your WordPress dashboard — as well as to posts, users, taxonomy provisos, media, comments and custom options pages — and display rectitude custom field values in unpolished theme template file.

The Advanced Sphere Fields: Typography Field is great free add-on that lets set your mind at rest add up to 11 vogue fields for different text endowment, like size, family, and tonnage.

You can also integrate that plugin with Google Fonts attend to upload a custom Google Baptistry and then customize its contents properties.  

12. Text Hover

Best for:  Adding help text

Text Hover is wonderful free plugin that can the makings used to add help words to an article. This edifying text will appear when fastidious reader hovers over a specific word or phrase in greatness article.

This is a distinctive way to present text fold a web page and peep at help improve the reading participation by providing context for acronyms, branded words, and other critical terms.  

This plugin makes it moderately easy to define which paragraph or phrases should have copy text and what that draw text should be.

For case, let's say you want denomination use the abbreviation "WP" come to rest have help text appear drift says "WordPress." Then, you straightforwardly have to add “WP => WordPress “ in the "Text to Hover" field on loftiness plugin settings page. 

13. Kirki Modifier Framework

Best for:  Theme developers

Kirki Modifier Framework is designed to authorize theme developers to build plenteous user experiences in the WordPress customizer.

It provides a grade of tools and controls dump developers can add to grandeur WordPress Customizer to enhance take the edge off built-in functionality. 

For example, developers package use Kirki's Typography Customizer Ensnare to add eight typography dashboard to the Customizer, including font-family, variant, font-size, line-height, letter-spacing, chroma, text-align, and text-transform.

This option provide users with greater grab hold of over the theme's typography. 

14. Practice Fonts

Best for:  Websites using Astra Theme

Custom Fonts allows you tolerate upload any custom font add up to your WordPress website — on the other hand you do need to upload as many font formats sort possible for best browser compatibility. 

Like Custom Adobe Fonts, Custom Fonts only works with the Astra Theme, Beaver Builder Theme, Castor Builder, and Elementor page builder.

15.

FontPress

Best for:  Users with thick-skinned CSS knowledge

FontPress is a perquisite plugin for adding and directorship custom fonts on your WordPress website. With this plugin, support can upload any Google, Ado, or custom font, preview them on your site, and for that reason select which ones you compel to use with a clasp button. 

You can create custom work with a set font magnitude, weight, style, color, decoration, convert, outline, shadow, background color, elaborate height, and letter and vocable spacing.

You will have get in touch with know how to add these custom CSS selectors to your site, so having some grasp of CSS will help. 

Picking Your WordPress Typography Plugin

WordPress typography plays a critical role in authority readability of a website. High-mindedness typography WordPress plugins above bottle help you add custom fonts, font controls, subtitles, help paragraph, and breakpoints, among other sovereign state, that will make your ditch easier to read and added unique.