10 JavaScript Libraries For Web Typography

Don’t underestimate the importance of well-done typography in making a website appear more professional, polished, and just plain nicer. So Here are 10 Javascript libraries to help you improve typography in your web designs.

Plumin.js

Manipulating fonts with code has enabled designers to create new kinds of typefaces, increase their quality, and automate repetitive tasks. Plumin.js allows to create and manipulate fonts using javascript.

pluminjs-1

Kerning.js

CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.

kerningjs-2

Underline.js

A javascript library that sets out to do one simple job: draw and animate the most perfect and playful text underline.

underlinejs-3

dropcap.js

dropcap.js makes beautiful drop caps easy for the web.

dropcapjs-4

Font-To-Width

Font-To-Width if a small Javascript routine which fits text to the width of an element using multiple font styles of different widths.

Font-To-Width-6

Lining.js

An easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography.

liningjs-5

TheaterJS

TheaterJS is a typing effect mimicking human behavior.

TheaterJS-7

Widow Tamer

The Widow Tamer is a Javascript to automatically fix typographic widows on your web pages. It is designed to work with responsive sites, fixing widows as it finds them on resize or orientation change.

widow-8

Web Font Loader

Web Font Loader is a JavaScript library created by Typekit and Google that gives you added control when using linked fonts via @font-face. It provides a common interface to loading fonts regardless of the source, then adds a standard set of events you may use to control the loading experience.

webfontloader-9

Molten Leading

Manually adjusting line-height for optimum readability across a bunch of media queries is kind of a pain. With Molten Leading you can set a minimum width at which the adjustment starts, a maximum element width where it stops, and a minimum and maximum line height to adjust through.

molten-leading-10


Leave a comment

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