Exercise 5: Typography


Life is a series of experiences, each one of which makes us bigger, even though sometimes it is hard to realize this. For the world was built to develop character, and we must learn that the setbacks and grieves which we endure help us in our marching onward. —Henry Ford

Line breaks

Business Name:
Cacao Restaurant + Bar

Zebra-striped text lines

Why do zebras have stripes at all? Scientists aren't sure, but many theories center on their utility as some form of camouflage. The patterns may make it difficult for predators to identify a single animal from a running herd and distort distance at dawn and dusk. Or they may dissuade insects that recognize only large areas of single-colored fur or act as a kind of natural sunscreen. Because of their uniqueness, stripes may also help zebras recognize one another.

Adjusting tab width

body {
  font-family: $font-stack;

img {
  display: block;
  height: auto;
  max-width: 100%;

.row {
  overflow: hidden;
  padding: 0 20px;

.container {
  margin: 0 auto;
  max-width: 960px;



Typeface development is the most artistic science and the most scientific art there is.

Fancy ampersands

Ebony & Ivory

Custom underlines

The bottim line: healthcare reform is about the patient, not about the physician.

Realistic text effects

Glowing ↠

Circular text

Ring around the rosy / A pocketful of posies / "Ashes, Ashes" / We all fall down