From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Enabling Lettering.js

Enabling Lettering.js - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Enabling Lettering.js

“

As you can see by looking at the actual book cover, we're going to need to have the ability to style each letter in the word Competition individually. However, if I go to the file that we're going to be working on and scroll down a little bit and I see the word Competition down here in the HTML, I can see that it's just a single word. So rather than having to go ahead and mark up each individual letter ourselves. It's a little bit easier and cleaner to just use lettering.js. So I'm working on the stacked.HTML file and the 02_02 directory as you can see. The HTML mark up is pretty basic. We have a div with three paragraphs inside of it. The authors name, the name of the book and the tag line. And of course they're all indicated by their respective classes. Now if I preview this in the browser. You're going to see that we have an image that we have embedded on the page of the actual book cover that we're trying to reproduce. So that just gives us sort of something to compare what we're…

Contents