Mixin for creating font family for web fonts

_fonts.scss

$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');
  }
}