jQuery with a motto of write less, do more has made the life of programmers and developers much easier and time efficient with its several plugins. Web typography has never been an easy job unless we were introduced to the wide spread adoption of web fonts with helpful typography tools and several useful jQuery plugins.

In this today’s blog post, we have the collection of 7 jQuery plugins for your better typography on the screen. It lets you create fluid text, responsive headlines, cool text animations and many more. Let’s get into it!

1. Textillate

Textillate is a simple iQuery plugin that lets you play with CSS3 text animations.

textillate

2. Squishy

Squishy is a jQuery plugin that automatically resizes text to exactly fit the container. No extra effort is required from your side because the plugin simply does it all for you.

Squishy

3. Hatchshow

Hatchshow is a jQuery typesetting plugin for balancing measures.

hatchshow

4. jQSlickWrap

jQSlickWrap is a jQuery plugin that enables you to easily and accurately wrap your text around the content of floated images.

jqslickwrap

5. Bacon

Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line.

bacon

6. TypeButter

TypeButter is a jQuery plugin that allows you to set optical kerning for any font on your website. This plugin provides you beautifully laid out text which browsers till today have not provided.

typebutter

7. FlowType.JS

FlowType.JS is a jQuery plugin that is best at Web typography from font-size to line-height based on element width.

flowtype

About the Author

author photo

Sabina Hona