8 Creative and Useful Web Font Javascript Plugins

8 Creative and Useful Web Font Javascript Plugins


8 Creative and Useful Web Font Javascript Plugins

Introduction

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.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

4 comments

Ankur
Mon, 25th June 2012
great plugins. If you are not very much concerned about SEO, this can really look good on websites. Reply
Kevin Liew Admin
Mon, 25th June 2012
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. Reply
uxzeal
Wed, 27th June 2012
I will definitely try one of these... Reply
Patrick S
Fri, 29th June 2012
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. Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement