15 Most Useful jQuery Typography Plugins

Since the moment the first jQuery plugin appeared, programmers all over the world tried to impress one another creating various plugins. There is a collection of superb jQuery typography plugins that provide web designers better control over their websites for web typography. We hope that you will enjoy this wonderful showcase. Don’t forget to share your comment in our comment section.

1. Arctext.js

Arctext.js lets you arc texts. According to Lettering.js, it finds out the right rotation of a single letter and distributes the letters equally in the imaginary arc of the defined radius.

Arctext js

Arctext js

2. jQuery Glow

The name says it all. This plugin allows making your text glow when you hover your mouse cursor over them.

jQuery Glow

jQuery Glow

3. jQIsoText

The jqIsoText jQuery plugin is a simple plugin that does one thing: It renders an arching effect whereby the characters of the target text element get bigger as you approach the center and then tapers off as you get to the last character. It mimics, to the best of its abilities, an isometric/reflective appearance.

jqIsoText

jqIsoText

4. BigText

The BigText jQuery plugin is simple: It automatically sizes your text to fit inside its parent element. This results in, among other things, perfect justified alignment (though typically justified alignment is achieved by altering the spacing of characters and words, not through font size).

BigText

BigText

5. Lettering.js

Lettering.js  is a really cool plugin which  allows making attractive and awesome typography that which would otherwise be difficult to create. It lets you manage the typography of your webpage, even the manipulation of single letters.

Lettering js

Lettering js

6. jQuery Sifr Plugin

The jQuery sIFR Plugin allows for the easy implementation of sIFR (Scalable Inman Flash Replacement). sIFR is an old method of rendering text that use non-web-safe fonts. It uses Flash. Though @font-face is now the popular way of composing web type using custom fonts, it might have limitations that might make you choose sIFR instead.

jQuery sIFR Plugin

jQuery sIFR Plugin

7. Airport

This one is a really cool text-animation plugin that can help you achieve the old, flickering schedule/information airport/ train station/ bus station boards’ effect.  It lets you add style and cool animation to your text to attain the attention your text deserves.

Airport

Airport

8. FitText

FitText helps you with typesetting, especially when crafting responsive web designs. The plugin automatically scales your text elements depending on the browser’s viewport size.

FitText

FitText

9. SlabText

This plugin lets you produce big, bold and responsive headlines which are very eye-catching.

slabText

slabText

10. jQuery Text Resizer Plugin

The jQuery Text Resizer Plugin gives your users a degree of control over font sizes. The plugin, by default, adds three user commands to a web page (increase font size, decrease font size and reset to the normal font size).

jQuery Text Resizer Plugin

jQuery Text Resizer Plugin

11. Shuffle Letters

The plugin was slightly improved by including a callback function, called when the animation is complete.

Shuffle Letters

Shuffle Letters

12. Parallax (Scrolling)

Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. This allows a background image or anything else to scroll at a different pace than the web page when a user scrolls around.

Parallax (Scrolling)

Parallax (Scrolling)

13. 3D Flying Text

It’s just a matter of time before some creates a jQuery plug-in much like Papervision for Flash.  Until then the 3D experiments in jQuery continue.

3D Flying Text

3D Flying Text

14. Text Resizer

The idea is very simple: you click on the text size you want, and a class is added to the body to indicate which size the user has selected. Then, we take advantage of that body class when we are writing our CSS to size the different elements appropria

Text Resizer

Text Resizer

15. Hovercard

A free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice.

Hovercard

Hovercard

email

Comments are closed.

Post Navigation