web typography study guide

Line-height Examples

<h1>This is a very long title and it takes more than one line

body: Veniam williamsburg sartorial, hoodie adipisicing voluptate keffiyeh skateboard truffaut narwhal dolor vinyl echo park yr. Quis non nesciunt ethnic qui. Est kogi eu shoreditch gastropub, consequat kale chips cred. Keffiyeh letterpress duis vinyl craft beer dolor nostrud, umami readymade aliqua pinterest ethical id.

In hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla. Cray banksy pop-up, pork belly whatever trust fund PBR etsy portland.

h1 {
font-size: 3em;
line-height: 1em; //less space between lines within the title.
margin-bottom: 0.5em; }
p {
font-size:1em;
line-height:1.4em; }