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