10+ jQuery Plugins For Controlling Web Typography

Web design is no different from any other piece of design, in that every element has been considered. Typography is no exception. Here are jQuery plugins which gives you an ultimate control on your web typography.

FlowType.JS

Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size—and subsequently the line-height—based on a specific element’s width. This allows for a perfect character count per line at any screen width.

flowtype

BalanceText

A jQuery plugin for implementing balancing of wrapping text in a web page.

Balance

Succinct

Succinct shortens your text to a specified size, and then adds an ellipsis to the end.

Succinct

Responsive Measures

A jQuery plugin for generating a responsive ideal measure.

jquery-typography-1

Lettering.JS

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

letteringjs-2

The BigText jQuery plugin

At its simplest, the BigText jQuery plugin takes a single element and sizes the text inside of its child divs to fit the width of the parent element. Gives the text that lovely vertical alignment.

big-text-3

slabText

a jQuery plugin for producing big, bold & responsive headlines

slab-4

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-5

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.

arctext-6

TypeButter

TypeButter allows you to set optical kerning for any font on your website. If you’re longing for beautifully laid out text that today’s browsers just don’t provide, this is the plugin for you!

typebutter-7

Bacon

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

bacon-8

Shuffle Letters Effect

A jQuery plugin that will shuffle the text content of any DOM element.

shuffle-9

kern.js

A super-simple bookmarklet for designers that finally puts you back in control of your website’s typography.

kernjs-10


0 Comments

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked