Web Font Fun with Javascript Plugins

Posted on

  • email
  • twitter
  • facebook
  • share this

share this



When I first started working on the Web in a professional capacity, there really wasn’t much you could do to dress up your website as it related to font choice.

Web designers had little control over fonts in the past, but that has changed dramatically over the past two years as the pace around jQuery development accelerates and responsive design becomes the norm (or at least more normal).

While it’s possible to manipulate text using CSS, that method still has its limitations. As a result, many turn to Javascript to solve the inherent problems - and the results are often worth a look.

Below you’ll find several javascript plugins that can help you, the designer/developer, modify text through kerning, introducing a responsive nature and even tossing aside all convention with some quite dramatic effects.

 


 

SlabText: This Javascript plugin splits headlines into rows before resizing each to fill available horizontal space.

Slab Text Web Font jQuery Plugin
 

FitText: The plugin renders font-sizes flexible, making it ideal for use in fluid or responsive layouts to achieve scalable headlines.

fittext web font jquery plugin
 

LetteringJS: For those willing to make a more daring design choices, LetteringJS fits the bill.

lettering jquery plugin web fonts
 

jqsloText: This plugin is another for those willing to make some edgy design choices, as it renders an arching effect (gets bigger as you approach the middle and then tapers off) on HTML text.

jqslotext jquery plugin
 

jQuery Glow: The plugin provides the ability to add a glow effect to text when hovered over.

jquery glow for web font fun

BigText: This plugin automatically sizes text to fit inside a parent element, resulting in perfectly justified alignment.

bigtext jquery plugin

 
     :: Try iContact for FREE for 30 Days! Sign up now at iContact.com ::


Login To Comment


Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up

1 comment

PesiU 06-28-2012 2:49 PM

What about the ability to use different fonts aside from the usual web-friendly ones?

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter