Dabblet logo

dabblet.css

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

html { background: white }

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

dabblet.html

dabblet

settings.json

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

/img/noise.png

?

At http://dabblet.com/gist/1484081 , the previewer do not find img/noise.png, if you add a slash in front /img/noise.png it will find the image ^^. Sorry I was abit lazy explaining :P

Done, thx!

I was only able to get the font to load via changing line 7 to
src: url(http://dabblet.com/img/dabblet.ttf);
in Version 24.0.1312.52 m of Chrome

Similar issue with the noise.png but that degrades nicely

updated to Version 24.0.1312.56 m of Chrome and now ttf works fine but still an issue with png.