<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.