The popular jQuery plug-ins for enhancing typography allows one to fine tune their type and create some great effects. Using them not only the process simplifies but it enhances the innovative ability of the designers as well.
Not only is this plug-in amongst the most popular of web type plug-ins but also one of the simplest of the lot. Precise control over the headings is allowed by splitting up the text and wrapping every letter in a custom <span> element. Some cool effects can be created by carefully tweaking the kerning or by adding different CSS styles to every letter.
Responsive web designs allow content to scale down according to the viewport size of the user. Web text wraps up naturally as the container narrows down, but that leaves the headings and titles looking a bit poor, especially if it develops widows and orphans. FitText.js plug-in allows the headings to scale down in the same way as that of a responsive image, without dropping down the words on a new line.
As far as the 10 jQuery plug-ins for enhancing typography are concerned, this one here is the most popular of all. With this plug-in, one can override the default values of a browser automatically with visually stunning optical kerning. The plug-in supports Georgia, Arial, Helvetica, Verdana and Times by default, but one can also roll their own if required.
Text can be wrapped around bezier curves with this plug-in, giving the user advanced desktop publishing capabilities directly within their website designs. Bacon allows the user to style up the text cleanly with a coordinate series.
This plug-in allows the user to do more than just a set of individual letter spacing. Really cool effects can be created with features like colour, transformations and size adjustment.
This plug-in helps in achieving the exact effect as that of the topography posters where every line is scaled to its exact width. It also automatically adds a <span> to every line of the text and scales down the font size which allows each line to end up in the exact width.
This plug-in might come in handy when one is planning to design a page with a mind- blowing header or recreating an old logo effect. It does exactly what its name suggest, allowing one to set their text on an imaginary arc.
It combines the core ideas of Hatchshow and FitText and joins them together. It helps in creating equal measures by splitting itself into new rows and scaling down the font size.
This plug-in specializes in developing pseudo-isometric effects. It means that one can give their text different size related effects like bulges. It is a great plug-in to mimic vintage layouts or to create cool headlines.
It scales the image dimensions into a number of desired baseline figures.