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.
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.
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.
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.
Textualizer is a jQuery plugin that allows you to transition through blurbs of text. Textualizer currently has the following effects:
random. You can choose which effect to use by setting the
Kerning.js allows you to style, transform, and scale your web type with real CSS rules, automatically.
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.
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.
Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line.
Hatchshow is a jQuery typesetting plugin that balances measures or the width of a column of text.
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.
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. The halo only appears in browsers that support the
text-shadow CSS property (like Safari). Without it, you can still make the text glow, but you can’t add the halo.
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.