@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);