Mixin for creating font family for web fonts
$namespace-fonts: $font1, $font2, $font3;
$font-path: 'your/font/path';
// Font-face loader
@each $font-face in $namespace-fonts {
@font-face {
font-family: #{$font-face};
src: url('#{$font-path}/#{$font-face}.eot');
src: url('#{$font-path}/#{$font-face}.eot?') format('eot'),
url('#{$font-path}/#{$font-face}.woff') format('woff'),
url('#{$font-path}/#{$font-face}.woff2') format('woff2'),
url('#{$font-path}/#{$font-face}.ttf') format('truetype'),
url('#{$font-path}/#{$font-face}.svg##{$font-face}') format('svg');
}
}