CSS3 Ligatures and Kerning Pairs

dabblet.css

/**
 * CSS3 Ligatures and Kerning Pairs
 */
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911);

body {
	font-family: Verdana;
	font-size: 0.8em;
	text-rendering: optimizeSpeed;
}

h1 {
	font-family: "Goudy Bookletter 1911", Lato, serif;
	font-size: 6em;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

dabblet.html

<h1>LYoWAT ff fi fl ffl</h1>

<p>Did you guys see the final countdown to WAR? No? Cool...</p>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}