@mixin font-face($family, $local1, $local2, $rpath, $weight: normal, $style: normal) {
  $path: "#{$rpath}";

  @font-face {
    font-family: $family;
    font-weight: $weight;
    font-style: $style;
    src: url("#{$path}.eot");
    src: local($local1), local($local2), url("#{$path}.eot?#iefix") format("embedded-opentype"), url("#{$path}.woff") format("woff"), url("#{$path}.ttf") format("truetype"), url("#{$path}.svg") format("svg");
  }
}

@mixin font-face-normal($family, $local1, $local2, $rpath, $weight: normal, $style: normal) {
  $path: "#{$rpath}";

  @font-face {
    font-family: $family;
    src: url("#{$path}.eot");
    src: local($local1), local($local2), url("#{$path}.eot?#iefix") format("embedded-opentype"), url("#{$path}.woff") format("woff"), url("#{$path}.ttf") format("truetype"), url("#{$path}.svg") format("svg");
  }
}

@include font-face-normal("Roboto Slab", "Roboto Slab Regular", "RobotoSlab-Regular", "Roboto_Slab/RobotoSlab-Regular");
@include font-face("Roboto Slab", "Roboto Slab Bold", "RobotoSlab-Bold", "Roboto_Slab/RobotoSlab-Bold", 700);