3 Styles for BIG Headers

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit.

Here are some simple styles you can use when you need a BIG header.

h1.test1 {
  font-family: Georgia, sans-serif;
  font-size: 5em;
  letter-spacing: -2px;
}

h1.test2 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 5em;
  letter-spacing: -2px;
  border-bottom: 2px solid black;
  text-transform: uppercase;
 }

 h1.test3 {
  font-family: "Arial Black", sans-serif;
  font-size: 4.5em;
  letter-spacing: -1px;
  background-color: black;
  color: white;
 }
big text headers