Typographic Scale 18 / 27

typographic-scale.css

/* 18px / 27px */

body {
	font: 18px / 1.5em Helvetica, Arial, sans-serif; /* em used in line-height to set fixed height across all child elements */
}

h1 {
	font-size: 2.667em; /* 48px */
	line-height: 1.125; /* 54px */
	margin: 1.125em 0;  /* 54px */
}

h2 {
	font-size: 1.334em; /* 24px */
	margin: 1.125em 0;  /* 27px */
}

h3 {
	font-size: 1em;     /* 18px */
	margin: 1.5em 0;    /* 27px */
}

h4 {
	font-size: 1em;     /* 18px */
	margin: 1.5em 0 0;  /* 27px */
}

p {
	margin: 1.5em 0;    /* 27px */
	max-width: 32em;    /* 45-75 characters per line */
}

h4 + p {
	margin-top: 0;
}