The Web Design Survival Guide | Global Type Styles

by todaly1

HTML

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="css-for-globaltype-styles.css">
</head>
<body>
 <section>
   <h1 class="global-h1">Global h1 Headline</h1>
   <h2 class="global-h2">Global h2 Headline</h2>
   <p>Global paragraph text equal to 12px (1.2em)</p>
 </section>
 </body>
</html>

CSS

@charset "UTF-8";
/* CSS Document */

  body{
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 62.5%;
  }

  h1, h2, h3, h4, h5, h6{
  font-family: Helvetica, Arial, "sans-serif";
  }

  h1{
  font-size: 2.4em;
  font-weight: bold;
  letter-spacing: -1px;
  }

  h2{
  font-size: 1.6em;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  }
  
  p{ 
  font-size: 1.2em;
  }