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