// Order of the includes matters, and it is: normal, bold, italic, bold+italic.

@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {

@font-face {
  font-family: $font-family;
  font-weight: $weight;
  font-style: $style;

  @if $asset-pipeline == true {
    src: font-url('#{$file-path}.eot');
    src: font-url('#{$file-path}.eot?#iefix')          format('embedded-opentype'),
         font-url('#{$file-path}.woff')                format('woff'),
         font-url('#{$file-path}.ttf')                 format('truetype'),
         font-url('#{$file-path}.svg##{$font-family}') format('svg');
  } @else {
    src: url('#{$file-path}.eot');
    src: url('#{$file-path}.eot?#iefix')               format('embedded-opentype'),
         url('#{$file-path}.woff')                     format('woff'),
         url('#{$file-path}.ttf')                      format('truetype'),
         url('#{$file-path}.svg##{$font-family}')      format('svg');
  }
}

}