<h1>Web Typography</h1>

<p>Writing some <abbr>HTML</abbr> and <abbr>CSS</abbr> on the web</p>
@import url(https://fonts.googleapis.com/css?family=Alegreya:400|Alegreya+SC:400);

html {
  font-size: 21px;
  font-family: 'Alegreya', serif;
  padding: 40px;  
}

abbr {
  letter-spacing: 0.1em; /* 10% */
  font-family: 'Alegreya SC', serif;
  text-transform: lowercase;
}

h1 {
  font-size: 1.25em;
  font-weight: normal;
  letter-spacing: 0.2em; /* 20% */
  margin: 0 0 0.25em;
  text-transform: uppercase;
}

p {
  margin: 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.