Chapter 2. Responsive Typography
In this chapter, you will learn about:
- Creating fluid, responsive typography
- Making a text shadow with canvas
- Making an inner and outer shadow with canvas
- Rotating your text with canvas
- Rotating your text with CSS3
- Making 3D text with CSS3
- Adding texture to your text with CSS3 text masking
- Styling alternating rows with the nth positional pseudo class
- Adding characters before and after pseudo elements
- Making a button with a relative font size
- Adding a shadow to your font
- Curving a corner with border radius
Introduction
This chapter deals mostly with how to make responsive typography. You will learn recipes for optimizing your text for various types of device, as well as methods to embellish your typography. The technologies involved are simply CSS3 and HTML5's canvas element with JavaScript. With responsive typography, you can apply a number of exciting effects to your text.
When finished with this chapter, you should be armed with a number of techniques...
