Top Ten Best jQuery Typography Plugins

Posted on Posted in Inspiration

Being able to improve and manipulate web typography has always been one of the biggest changes for web designers. Typography is such an important element of beautiful design, yet when it comes to the web it is often overlooked. Thankfully there’s a range of jQuery plugins that give us some super useful features and allow us to manipulate our web text like never before.

In this round-up we have collected a selection of feature-rich jQuery typography plugins that will give you more control to precisely position and re-size each letter of your web-typography. Try using some of the following jQuery plugins if you’re looking for better control over the typography in your designs.

If you like our art collection, so check out these other posts will interest you too: WordPress Plugins for Search Engine Optimization, Free Portfolio WordPress Themes, Best Free Photoshop Extensions and Premium WordPress HTML5 Themes.

1. FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

FitText
FitText

2. TypeButter

TypeButter allows you to set optical kerning for any font on your website. If you’re longing for beautifully laid out text that today’s browsers just don’t provide, this is the plugin for you!

TypeButter
TypeButter

3. Textillate.js

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

Textillate.js
Textillate.js

4. Arctext.js

Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Arctext.js
Arctext.js

5. jQuery Text Resizer Plugin

The jQuery Text Resizer Plugin allows you to create controls for changing the font size of one or more elements on a page. It gives your users a fine degree of control over font sizes.

jQuery Text Resizer Plugin
jQuery Text Resizer Plugin

6. funnyText.js

funnyText.js is a plugin that will allow you to create ‘funny and crazy moving’ typography very easily.

funnyText.js
funnyText.js

7. Circletype.js

Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle.

Circletype.js
Circletype.js

8. Sci-Fi Text Effects

Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.

Sci-Fi Text Effects
Sci-Fi Text Effects

9. FlowType.JS

FlowType.js lets you configure the font-size and line-height ratios of your typography, helping you improving their overall appeal.

FlowType.JS
FlowType.JS

10. ResponsiveText

A jQuery plugin to set font sizes responsively based on its’ container width. Use jQuery responsiveText to have scalable headlines, build responsive tables and more!

ResponsiveText
ResponsiveText