Essential JS Libraries for Web Typography

Craig CampbellAug 17, 2016Lessons: 12Length: 1.4 hours

HTML/CSS JavaScript for Designers

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

3.3 Lettering.js

The Lettering.js library churns through a text field, surrounding each character in span tags. In this lesson, you will use the Lettering.js library to style the individual characters of a heading.

Relevant Links

1.Introduction
1 lesson, 00:47

2.Responsive Sizing
3 lessons, 26:54

2.2
Responsive Headers With FitText
12:11

2.3
Responsive Text With FlowType.js
10:04

3.One Character at a Time
5 lessons, 45:57

3.2
More Than Just Kerning
11:59

3.4
Animating Letters With Textillate.js
06:51

3.5
Specifying Options With JavaScript
09:58

4.One Line at a Time
2 lessons, 10:37

4.2
Animating Paragraph Lines
03:29

5.Conclusion
1 lesson, 00:48

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

Essential JS Libraries for Web Typography

Next lesson playing in 5 seconds

3.3 Lettering.js

1.Introduction
1 lesson, 00:47

1.1
Introduction
00:47

2.Responsive Sizing
3 lessons, 26:54

2.1
Viewport Units
04:39

2.2
Responsive Headers With FitText
12:11

2.3
Responsive Text With FlowType.js
10:04

3.One Character at a Time
5 lessons, 45:57

3.1
Kerning.js
08:06

3.2
More Than Just Kerning
11:59

3.3
Lettering.js
09:03

3.4
Animating Letters With Textillate.js
06:51

3.5
Specifying Options With JavaScript
09:58

4.One Line at a Time
2 lessons, 10:37

4.1
Lining.js
07:08

4.2
Animating Paragraph Lines
03:29

5.Conclusion
1 lesson, 00:48

5.1
Final Thoughts
00:48

Essential JS Libraries for Web Typography

Next lesson playing in 5 seconds

3.3 Lettering.js

1.Introduction1 lesson, 00:47

2.Responsive Sizing3 lessons, 26:54

3.One Character at a Time5 lessons, 45:57

4.One Line at a Time2 lessons, 10:37

5.Conclusion1 lesson, 00:48

1.Introduction
1 lesson, 00:47

2.Responsive Sizing
3 lessons, 26:54

3.One Character at a Time
5 lessons, 45:57

4.One Line at a Time
2 lessons, 10:37

5.Conclusion
1 lesson, 00:48