@font-face {
	font-family: "{{fontName}}";
	src: {{{src}}};
}

@if not variable-exists('webfont-icons') {
	$webfont-icons: () !global;
}

$webfont-icons: map-merge($webfont-icons, (
	{{#each codepoints}}
		'{{@key}}': ('{{../fontName}}' '{{this}}'),
	{{/each}}
));

@mixin webfont-icon($name) {
	line-height: 1;

	$icon: map-get($webfont-icons, $name);
	&:before {
		font-family: nth($icon, 1) !important;
		font-style: normal;
		font-weight: normal !important;
		vertical-align: top;
		content: str-slice('\x', 1, 1) + nth($icon, 2);
	}
}