Web font loading mixin for LESS

font-face-mixin.less

// Load web-font
.load-font(@family: Arial, @name: "font", @path: "../fonts/", @weight: normal, @style: normal) {
	@font-face {
		font-family: '@{family}';
		src: url('@{path}@{name}.eot');
		src: url('@{path}@{name}.eot?#iefix') format('embedded-opentype'),
			 url('@{path}@{name}.woff2') format('woff2'),
			 url('@{path}@{name}.woff') format('woff'),
			 url('@{path}@{name}.ttf') format('truetype'),
			 url('@{path}@{name}.svg#@{family}') format('svg');
		font-weight: @weight;
		font-style: @style;
	}
}