@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", "Roboto", "Roboto-Regular", "Roboto/Roboto-Regular");
@include font-face("Roboto", "Roboto Bold", "Roboto-Bold", "Roboto/Roboto-Bold", 700);
@include font-face("Roboto", "Roboto Italic", "Roboto-Italic", "Roboto/Roboto-Italic", 400, italic);
@include font-face("Roboto", "Roboto Bold Italic", "Roboto-BoldItalic", "Roboto/Roboto-BoldItalic", 700, italic);