Кнопка с иконкой шрифтом

dabblet.css

/*
	Кнопка с иконкой шрифтом
	http://clck.ru/d/v2borCbi14BD5

	http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot
	http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.woff
	http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.ttf
	http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.svg
*/

body {
	font: 18px Helvetica, Arial, sans-serif;
}

@font-face {
	font-family: "Foundation Icons";
	src:	url("http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot"),
		url("http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.woff"),
		url("http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.ttf"),
		url("http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.svg");
}


.glyph {
	font-family: "Foundation Icons";
}

.ico {
	display: inline-block;
	margin-right: 0.3em;
	color: #9E271F;
}

.like {
	color: #444;
	display: inline-block;
	padding: 0.1em 0.75em 0.5em;	
	background-image: linear-gradient(bottom, #e1e1e1 0%, #fff 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
}

dabblet.html

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

settings.json

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