Typography is crucial element in modern web design as you depends on font size, color, type you can create successful website or one more rubbish homepage that no one will visit. Improving and manipulating web design typography has been one the hardest challenge for many web designers. We advice you to check some of our showcase of good typography examples in web design. Typically designers and developers creates web design typography with style-sheets CSS but… maybe that is old style way of coding. Now jQuery can make magic. There are special jQuery typography plugins that can create fantastic effects with your text.
Before you continue reading this post, I would like to recommend some of our other articles about this topic, such as 15 Best Responsive Website Design & Development Companies of 2017, 40+ Brilliant Free Fonts For Logo And Web Designers or 20 Great Examples of Parallax Scrolling Websites.Dont forget to subscribe to our RSS-feed, become our fan on Facebook or follow us on Twitter.
Below you will find more than 15 amazing jQuery typography plugins that you can use to control, customize, and enhance the quality of your site’s web typography. With these plugins you can easily manipulate and enhance the typography on your website and bring a better user experience to your visitors. These plugins can help you to animate your text, give some effects to your text, make it responsive, and do another advanced customization in matter of typography
Free jQuery Typography Plugins to Create Amazing Website Typography
This jQuery Typography Plugin is for implementing balancing of wrapping text in a web page. A utility to provide an alternate text wrapping algorithm. I hope to get this into the CSS spec, so it’s implemented as an optional “polyfill”.
jQuery Typography Plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width. At its simplest, the BigText jQuery plugin takes a single element and sizes the text inside of its childs to fit the width of the parent element. Gives the text that lovely vertical alignment.
This is short tutorial will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows. Ready jQuery script is available for download.
Create funny and crazy moving texts in a simple way. The funny text effect will be applied to the text under your custom selector which will be used as well in the initialization.
A jQuery plugin that jumbles up the colors of your text headers, and can also animate them. Choose a color range for the colors to be jumbled among, and set param for whether the shuffle is based on brightness or saturation hue.
CircleType.js is one of the best jQuery Typography Plugins – a tiny jQuery plugin that lets you curve type on the web.
CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.
Kerning.js is a single script, small, and only depends on jQuery. Add it to your page, add some CSS rules, and your text will be beautified.
Lettering comes as an advanced jQuery typography plugin that offers you a complete control to your fonts. Down-to-the-letter control; that’s what everybody says about this plugin.
SlabText will help you to easily create a responsive headlines with big and bold typography. This plugin splits your headlines into rows, resizing them, and make them fit to the available horizontal space.
Just like its name, this amazing jQuery plugin will help you to set your fonts, so they will responsively resize based on the screen width.
Arctext is a great plugin that utilizes the technology of CSS3 and jQuery to rotate your fonts and make them neatly curve based on a particular curving path.
This is a super easy-to-use jQuery plugin that you can use to configure your typography’s font size and line height based on the element’s width so it will be displayed perfectly on any screen sizes.
Bacon is an impressive jQuery typography plugin that allows you to wrap your texts and make them follow a bezier curve or line rather than foloow a traditional square block.
Squishy will automatically resize your texts to fit any containers or screen sizes. You don’t have any extra works to do, all you have to do is just injecting some scripts in your HTML, and Squishy will automatically adjust the maximum size, minimum size, max width, and min width of your texts.
Hatchshow helps you to create a cool poster-like typography on your website by automatically adding a span to each line of your text, and resizing the font size to the exact same size.
FitText helps you to inflate your web typography. It will make all of your texts have a flexible font size, so your web typography will be more fluid.