LeaVerou/dabblet.css

## dabblet.css
/**
 * Dabblet avatar
 */

@font-face {
	font-family: 'Dabblet';
	src: url(/img/dabblet.ttf);
}

html { background: white }

body {
	width: 200px;
	height: 200px;
	margin: 40px;
	background:
		url(img/noise.png),
		radial-gradient(hsla(200, 10%, 20%, .8), hsl(200, 10%, 20%));
	font: 70px/220px Dabblet;
	color: white;
	text-align: center;
	text-shadow: .05em .05em .2em black;
}

## dabblet.html
dt

## settings.json
{"page":"css","view":"split-vertical"}
	/**
	* Dabblet avatar
	*/

	@font-face {
	font-family: 'Dabblet';
	src: url(/img/dabblet.ttf);
	}

	html { background: white }

	body {
	width: 200px;
	height: 200px;
	margin: 40px;
	background:
	url(img/noise.png),
	radial-gradient(hsla(200, 10%, 20%, .8), hsl(200, 10%, 20%));
	font: 70px/220px Dabblet;
	color: white;
	text-align: center;
	text-shadow: .05em .05em .2em black;
	}