Generate @font-face declarations

_fonts.scss

// Lato
$fonts-path: '../fonts/LatoLatin/fonts';
// List of fonts used
//   name_of_font: 'path_of_font'
// Please add only as many as you absolutely need
$font-list: (
  LatoLatin-Regular: 'LatoLatin-Regular',
  LatoLatin-Bold: 'LatoLatin-Bold'
);


// This generates the @font-face code for each Roboto variation
// and uses the above map list of fonts
@each $fontname, $fontpath in $font-list {
  @font-face {
    font-family: '#{$fontname}';
    src: url('#{$fonts-path}/#{$fontpath}.eot');
    src: url('#{$fonts-path}/#{$fontpath}.eot?#iefix') format('embedded-opentype'),
         url('#{$fonts-path}/#{$fontpath}.woff') format('woff'),
         url('#{$fonts-path}/#{$fontpath}.ttf') format('truetype'),
         url('#{$fonts-path}/#{$fontpath}.svg##{$fontname}') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}