Simple CSS font-style

dabblet.css

body {
	background: #fafafa;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;


}

article {
	width: 50em;
	margin: 0 auto;
}

h1 {
	font-size: 2.5em;
	margin-bottom: 0.75em;
	font-weight: 300;
}

p {
	font-weight: 200;	
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	font-size: 1em;
	margin-bottom: 1.5em;
	/* Obscure shit in here */
	font-effect: outline;
	font-smooth: 1px;
}

dabblet.html

<article>
<h1>Remember the 5th of November</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id pellentesque purus. Suspendisse non nulla et tellus pellentesque varius non in arcu. Sed tortor ipsum, tempus at pellentesque ut, elementum nec est. Mauris sit amet sapien at tellus pretium volutpat sit amet aliquet tortor. Nam luctus mi eu risus lacinia in sodales metus rhoncus. Pellentesque tellus diam, imperdiet ut varius ac, dapibus ut nunc. Nulla congue, augue a euismod bibendum, orci purus faucibus nunc, in euismod nisi orci in dolor. Aenean nec commodo lorem. Sed ac consectetur tortor.</p>

<p>Curabitur eu purus lorem. Nulla mattis luctus ligula, nec sodales lectus lobortis quis. Aenean elementum tincidunt urna eget convallis. Nullam bibendum ante eu tellus ullamcorper et adipiscing leo sollicitudin. Duis accumsan bibendum libero, eu vulputate dui suscipit quis. Proin dolor erat, luctus ac suscipit sit amet, eleifend at arcu. Aenean quis metus eget augue faucibus rutrum. Proin hendrerit posuere lacus id luctus. Mauris ac turpis id turpis pharetra rhoncus. Maecenas et ipsum eget tortor congue volutpat ac eu tortor.</p>

<p>Cras scelerisque urna scelerisque tellus feugiat suscipit. Suspendisse potenti. Vivamus massa sapien, tempus ac euismod suscipit, eleifend a enim. Suspendisse potenti. Phasellus tincidunt ultricies bibendum. Suspendisse egestas vestibulum eros ac egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu quam nec massa tincidunt fermentum. Donec sed libero eget dolor molestie interdum sit amet sed turpis. Fusce sit amet magna mi, a vehicula libero.</p>

<p>Cras leo massa, consectetur non vestibulum sit amet, rhoncus eu lectus. Sed consectetur accumsan odio, at luctus nunc sodales nec. Praesent ut lacus et magna tristique ullamcorper. Sed nec tellus elit. Nulla molestie risus ut mi porttitor nec fermentum tellus pellentesque. Cras erat purus, tristique id facilisis nec, tincidunt facilisis erat. Donec mollis porttitor tempus. Nam facilisis auctor iaculis. Donec ipsum augue, volutpat placerat sodales quis, imperdiet ut ipsum. Morbi dapibus sodales tortor, nec iaculis massa semper quis. Vivamus erat nisl, consequat in tempus sit amet, pharetra et neque. Aenean imperdiet, eros vitae luctus aliquam, libero metus consectetur enim, sed imperdiet neque leo a enim. Phasellus turpis est, laoreet non lacinia a, lacinia id erat. Fusce pharetra consectetur quam, id malesuada quam consequat a.</p>

<p>Nulla non orci velit. Donec malesuada nisl vitae justo pellentesque pulvinar. Sed augue libero, euismod iaculis pretium at, fermentum ac nulla. Curabitur ultrices lacinia porta. Aliquam ultrices rutrum est et ullamcorper. Donec et arcu at mi commodo auctor. Duis in nulla tortor. Curabitur lectus lorem, consectetur id placerat et, dapibus a enim. Aliquam dignissim ipsum vitae lacus commodo gravida. Quisque sed feugiat ante. Aliquam pharetra ultrices purus fermentum adipiscing. Praesent laoreet, elit quis mattis consectetur, lacus risus pellentesque elit, vel sagittis risus eros sed tellus. Maecenas suscipit aliquam diam, ut ullamcorper erat vestibulum eget. Suspendisse urna lectus, tempor id ultricies non, aliquet elementum sem. Duis sollicitudin cursus orci, vitae ultrices lectus blandit non. Nullam euismod interdum tempus.</p>



</article>

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}