Best jQuery Plugins for Better Typography

Typography is one of the most vital elements in building a successful web design. Typography does not only guide you when you tour the site but also brings personality. Mainly, it is your underlying foundation.

In Blog, Designing, Technology, Reviews, Design, Photoshop

Best jQuery Typography Plugins

Manipulating web typography is a daunting task but jQuery plugin makes the whole process a lot simpler. It comes with helpful features that allow you to manipulate your web typeface easily.

FitText

1-FitText

FitText allows you to automatically scale your typefaces depending on the browser’s viewport size. This plugin will help you on your fluid or responsive web designs.
Link: http://fittextjs.com/

Lettering.js

2-Lettering.js

It is a lightweight, easy to use Javascript injector for radical Web Typography.
This typography allows many designers to create a set of dynamic and stunning fonts that are quite impossible to make using other methods.
Link: http://letteringjs.com/

Airport

3-Airport

This is a stunning text effect plugin with jQuery, which imitates the styles of those flickering schedules or information boards that you sometimes find on airports and train stations.
Link: http://unwrongest.com/projects/airport/

TypeButter

4-TypeButter

TypeButter is an awesome jquery plugin for optical kerning for the web. It will try and detect the font your browser is using on any given element and if it finds a TypeButter library, which includes its weight and style, then optical kerning will be set.
Link: http://typebutter.com/

Textillate.js

5

Texttillate.js is a simple jQuery plugin that combines awesome libraries that allows you to animate some text. You can get a working prototype with code snippets right there and then.
Link: http://jschr.github.io/textillate/

Arctext.js

6-Arctext.js

Arctext is a jQuery plugin that allows you to display curved text while arranging the letters of a word or block of text along a curved path without breaking the whole arch. Based of Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
Link: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/

jQSlickWrap

7-jQSlickWrap

jQSlickWrap is a plugin that allows you to easily and accurately wrap your text around the content of floated images.
Link: http://www.jwf.us/projects/jQSlickWrap/#examples

Textualizer

8-Textualizer

This plugin makes it easy for you to transition through blurbs of text, animating each character. Its stunning effects will surely grab your attention.
Link: http://kiro.me/projects/textualizer.html

BigText

9-BigText

This simple jQuery plugin automatically sizes your text to fit inside the parent element. Primarily, it calculates the font-size and word-spacing needed to match a line of text to a specific width.
Link: http://www.zachleat.com/bigtext/demo/

Bacon

10-Bacon

This is a jQuery plugin that allows you to wrap text around a curve or a line. HTML or CSS text simply flows in square blocks but with bacon, you can easily manipulate the text around an image in a clean sytle.
Link: http://baconforme.com/

Conclusion

Web Typography has come a long way since the innovation or various tools that gives users a bunch of useful features that allows to manipulate text like never before. One of the highly regarded best practices in web design is to use CSS. However, CSS has its own restrictions that Javascript can unscramble.

Give Us Your Feedback

Here on Photoshop Plus we use something called Gravatar, its a little image which will appear next to your name when you comment on a blog. Using a gravatar will help us recognise genuine comments from the spam comments.


Don't forget to leave a comment on this post, we appreciated your feedback good or bad.

There's currently 0 Comments On Best jQuery Plugins for Better Typography, why not add yours!

Leave a Reply

Your email address will not be published. Required fields are marked *

Auto Scroll To The Top
css.php