8 Creative and Useful Web Font Javascript Plugins

Written by Kevin Liew on 25 Jun 2012
27,232 Views • Typography


We used to have very little control over the web font, but now, with the introduction of CSS3, canvas and SVG, we can do more! We have a list of javascript plugins that able to help you enhance the look of text, for example text kerning, baseline, responsive text, radical text typography and as well as a few more text effects that you can use if you want a particular block of text looks more prominent.

  • SlabTextSlabTextSlabText splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.
  • BaselineBaselineBaseline.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.
  • FitTextFitTextFitText 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.
  • jKernyjKernyApply kerny in web font!
  • LetteringJSLetteringJSA jQuery plugin for radical web typography.
  • JqISOTextJqISOTextThis plugin allow us to changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection.
  • TextGradTextGradAdd gradient effect to text.
  • Neon TextNeon TextNeon light effect with this cool tutorial.
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

Ankur 12 years ago
great plugins. If you are not very much concerned about SEO, this can really look good on websites.
Kevin Liew Admin 12 years ago
Hey ankur, I don't think it will bring any negative seo impact to your website, because search engine spider crawls normal html and the content will not be processed by javascript. It will be alright.
uxzeal 12 years ago
I will definitely try one of these...
Patrick S 12 years ago
I may have to start using some jquery now since I saw some of the awesome fonts that I would be able to use in conjunction with it.