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.
- SlabText
SlabText 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. - Baseline
Baseline.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. - 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. - jKerny
Apply kerny in web font! - LetteringJS
A jQuery plugin for radical web typography. - JqISOText
This 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. - TextGrad
Add gradient effect to text. - Neon Text
Neon light effect with this cool tutorial.
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.