Untitled

dabblet.css

@font-face {
  font-family: 'FoundationIconsGeneral';
  src: url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot');
  src: url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
       url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.woff.woff') format('woff'),
       url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.ttf') format('truetype'),
       url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}


.glyph 
{  
	font: 16px/1 "FoundationIconsGeneral"; 
}

.like
{
	font: 16px/16px Helvetica, sans-serif;

	display: inline-block;
	
	padding: 0.4em 1.1em 0.65em 0.75em;
	
	background-image: linear-gradient(bottom, #e1e1e1 0%, #fff 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	border-radius: 12px;
	cursor: pointer;
	color: #444;
	text-shadow: 0 1px 0 #fff;
}


.like .ico
{
	margin-right: 0.45em;
	color: #ad0000;
}

dabblet.html

<span class="like"><b class="ico glyph">b</b>Like</span>

settings.json

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