An icon font in Compass font-face syntax

_icons.scss

// this syntax needs Compass
@include font-face("foo", font-files("foo.woff", "foo.ttf", "foo.svg#foo"), "foo.eot", normal, normal);

[class^="foo-"], [class*="foo-"] {
	font-family: 'foo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// over here you should put the icon glyphs
// below is an example
.foo-bar:before {
	content: "\e600";
}

/* takes the underline when the icon is a link */
a [class*="foo-"]:before {
	display: inline-block;
	text-decoration: none;
 }