Typography & Layout CSS Tweaks

typography.css

/* Improved font rendering & legibility */

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p,ol,ul,li {
	line-height: 1.5em;
	-webkit-text-stroke: 0.25px rgba(0, 0, 0, 0.1);
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: normal;
	line-height: 1.2em;
	text-transform: none;
}

/* Set article images to the largest appropriate native resolution */

p img {
	width: 100%;
	max-width: 100%;
}