10+ Great jQuery Typography Plugins to Enhance Your Website

If you find pure CSS and HTML to be wanting in giving you control over the fonts of your web design, these jQuery typography plugins allow you to tweak your web texts like never before.

Beautiful typography is an essential part of a good web design. It can either enhance or ruin user interface and so attention must be paid on to ensure that it is pleasant and readable. Unfortunately, despite of the text customization possibilities brought about by @font-face and Google Fonts, definitive and more precise control is still something to be desired.

On a positive note, jQuery typography plugins beam like a beacon of hope and they indeed provide the option to fine tune texts that suits your meticulous taste. We are sharing some of these plugins in this post so if you want a better typography on you projects, these plugins are for you.

Arctext.js

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. 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.

COMPLETE INFO & DOWNLOAD

arc-text-[3]

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.

COMPLETE INFO & DOWNLOAD

fittext-

jqIsoText

With this plugin you are changing the size of the letters in text. It starts from one font size and increment or decrement to other font size. That way you are getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.

COMPLETE INFO & DOWNLOAD

jq-iso-text-

Textualizer

Textualizer is a jQuery plugin that allows you to transition through blurbs of text. Textualizer currently has the following effects:

,

,

, and

. You can choose which effect to use by setting the

option.

COMPLETE INFO & DOWNLOAD

textualizer-

Kerning.js

Kerning.js allows you to style, transform, and scale your web type with real CSS rules, automatically.

COMPLETE INFO & DOWNLOAD

kerning-

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. It is flexible in that it lets you specify exactly how to resize text, how it should be styled (via CSS or CSS3), where in your page it should be resized, and how the font size controls are to be structured.

COMPLETE INFO & DOWNLOAD

jquery-text-resizer-

Airport

Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations. Airtport is very easy to use. Create an element, give it an ID and throw airport on it. The values, Moscow, berlin and Stockholm, are the words it will flick through.

COMPLETE INFO & DOWNLOAD

airport-

Bacon

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

COMPLETE INFO & DOWNLOAD

bacon-

Hatchshow

Hatchshow is a jQuery typesetting plugin that balances measures or the width of a column of text.

COMPLETE INFO & DOWNLOAD

hatchshow-

Baseline.js

Baseline.js is a jQuery plugin that helps you to maintain vertical rhythm set by a typographic baseline, even when adding inline images with awkward sizes.

COMPLETE INFO & DOWNLOAD

baseline.js-

jQuery Glow

Add the ability to make elements “glow” when you hover over them. For browsers that support the

CSS property, you can also add a halo. The halo only appears in browsers that support the

CSS property (like Safari). Without it, you can still make the text glow, but you can’t add the halo.

COMPLETE INFO & DOWNLOAD

jquery-glow-

Lettering.JS

Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. This jQuery plugin gives you that control.

COMPLETE INFO & DOWNLOAD

lettering.js-

Leave a Reply

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