by jQuery, Software & Utilities, Technology

Creative Radical Web Typography With jQuery – Lettering.js

lettering-js-jquery-typography

Lettering.js, a lightweight and easy to use Javascript <span> injector for radical web typography aims to fill this gap.

It simply divides any given element into pieces of <span>s wrapping each letter with a custom class.

Just like <h1>WRD</h1> into:

<h1>
<span>W</span>
<span>R</span>
<span>D</span>
</h1>

After that, we just need to create the styles for each letter on the CSS side to create dynamic awesome outputs.

Features + Uses

Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few example of what can easily be done with Lettering.js:

lettering-js-jquery-typography-sample

P.S. Lettering.js can also split words besides the letters.

Advertisements
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Comments Closed
Copyright © 2021 Freebies, Free Fonts, WordPress Themes, Logos & Tutorials. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us
0 Shares
Tweet
Share
Share
Pin