Icon Font Usage

application.css

/* method taken from http://pictos.cc/articles/using-icon-fonts/ */

[data-icon]:before {
	font-family: 'IcoMoonRegular';
	content: attr(data-icon);
	-webkit-font-smoothing: antialiased;
}
.icon {
	strong {
		text-indent: -99999px;
	}
}

test.html

<!-- icon w/ text -->
<a href="">
	<span aria-hidden="true" data-icon="C"></span>
	Cool Link
</a>


<!-- icon w/out text -->
<a href="" class="icon">
	<span aria-hidden="true" data-icon="C"></span>
	<strong>Cool Link</strong>
</a>