@font-face

dabblet.css

/**
 * @font-face
 */
@import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel);
@import url(http://fonts.googleapis.com/css?family=Lekton:400,700,400italic);

body {
	background: #fff;
	font:200 normal 16px/1.5 'Helvetica Neue', Arial, sans-serif;
}
h1 {
	font-size: 80px;
	font-weight: normal;
	font-family: 'Lovers Quarrel', cursive;
	line-height:1.3;
	background-color:#ffc;
	padding:0 20px;
}
h2 {
	font-size: 40px;
	font-weight: normal;
	font-family: 'Lekton', cursive;
	line-height:1.3;
	background-color:#ffc;
	padding:0 20px;	
}

dabblet.html

<h1>Winter is Coming</h1>
<h2>Subtitulo da Serie</h2>
<p>Para saber um pouco mais sobre @font-face, consulte o artigo <a href="http://perishablepress.com/quick-and-easy-css-font-face-code/">Quick and Easy CSS @font-face code</a>.</p>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}