10 Awesome jQuery Typography Plugins

7-FitText
Share!

Typography has a very important role in design. It helps you deliver the message in an attractive way for your readers. This also applies to webdesign, as typography can help you attract more visitors to your website.. Of course, you can add add great looking typography to headlines, buttons etc. by using images but as you probably know, text on images isn’t visible to search engines and this is a major problem when it comes to SEO.

There are many ways to add typography in CSS3, but it may be a lot easier to create awesome effects with jQuery plugins. Here are 10 jQuery typography plugins to help you create beautiful and attractive websites. Need more jQuery plugins? Check out these jQuery Pagination Plugins and Tutorials and Free WordPress Mobile Plugins

slabText

SlabText is a jquery plugin for creating big, bold and responsive headings and headlines. You can use this to save precious time when coding! It’s  avery useful tool!

slabtext thumb jQuery Typography Plugin

Lettering

This is a jQuery plugin to give you that control over web typography. On this plugin presentation page you’ll also see a demo gallery of how other websites are using it.

 Lettering jQuery Typography Plugin

jQuery Grab Bag

This jquery plugin lets you create some fun little text effects. The great thing is that you can get it for free and use it on your websites as well.

jQuery Grab Bag – Text Effects Plugin

Textgrad

Textgrad is a  plugin which will help you make color gradients in texts. This is a very easy to use plugin and you can create great gradient effect with it.

Textgrad - a jQuery text gradient plugin 

Arctext

Based on Lettering.js, this plugin calculates the right rotation of each letter and distributes the letters equally, in order to create a beautiful arc shaped text. This great plugin lets you arrange each letter along a curved path.

Arctext jQuery Typography Plugin 

jQuery Glow

This jQuery plugin lets you add the ability to make elements “glow” when you hover over them. For browsers that support the text-shadow CSS property, you can also add a halo effect.

jQuery Glow jQuery Typography Plugin

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 jQuery Typography Plugin 

Textualizer

With Textualizer plugin you can great great text animation effects! Textualizer currently has the following effects: fadeInslideLeftslideTop, and random. 

Textualizer jQuery Typography Plugin 

BigText

BigText jQuery plugin takes a single element and sizes the text inside to fit the width of the parent element. It gives the text a nice vertical alignment.

BigText jQuery Typography Plugin 

jqIsoText

With this plugin you can change the size of letters in text. It starts from one font size and increment or decrement to other font size.

jqIsoText jQuery Typography Plugin 

About the Author

Iggy Ko

Facebook Twitter Google+

I am the owner and main person behind WebDesignDev. I blog about all kinds of web design topics.

Iggy Ko10 Awesome jQuery Typography Plugins
Ask a web design question.

Comments 1

  1. Howard Steele

    I think you should never skimp on your website typography. It’s probably the first thing people notice when land at your pages.

Leave a Reply

Your email address will not be published. Required fields are marked *