Skip to content

Instantly share code, notes, and snippets.

@LeaVerou

LeaVerou/dabblet.css

Created December 16, 2011 02:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 10 You must be signed in to fork a gist
  • Save LeaVerou/1484081 to your computer and use it in GitHub Desktop.
Save LeaVerou/1484081 to your computer and use it in GitHub Desktop.
Download ZIP
Dabblet logo
Raw
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;
}
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
@codler
Copy link

codler commented Jan 6, 2012

/img/noise.png

@LeaVerou
Copy link
Author

LeaVerou commented Jan 6, 2012

?

@codler
Copy link

codler commented Jan 6, 2012

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

@LeaVerou
Copy link
Author

LeaVerou commented Jan 6, 2012

Done, thx!

@hoganlong
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment