vocurations/user/themes/vocurations/scss/configurations/_fonts.scss

// Font Family
$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-mono: 				"Inconsolata", monospace;
$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
// @font-face

$typo: "FKGrotesk";
$category: "sans-serif";
// secuela regular

$file: "FKGrotesk-Regular"; 
$Regular: "Regular";
@mixin font-face($Regular, $file, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file;
    @font-face {
        font-family: "#{$Regular}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".woff2") format('woff2'),
    }

    %#{$Regular} {
        font: {
            @if $category != "" {
                family: "#{$Regular}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$Regular}";
                weight: normal;
            }
        }
    }
}


$file2: "FKGrotesk-ItalicB";
$Italic: "ItalicB";
@mixin font-face($Italic, $file2, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file2;
    @font-face {
        font-family: "#{$Italic}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".woff2") format('woff2'),
    }

    %#{$Italic} {
        font: {
            @if $category != "" {
                family: "#{$Italic}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$Italic}";
                weight: normal;
            }
        }
    }
}

$file3: "FKGrotesk-Bold";
$Bold: "Bold";
@mixin font-face($Bold, $file3, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file;
    @font-face {
        font-family: "#{$Bold}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".woff2") format('woff2'),
    }

    %#{$Bold} {
        font: {
            @if $category != "" {
                family: "#{$Bold}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$Bold}";
                weight: normal;
            }
        }
    }
}

$file4: "FKGrotesk-BoldItalicB";
$BoldItalicB: "BoldItalicB";
@mixin font-face($BoldItalicB, $file4, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file4;
    @font-face {
        font-family: "#{$BoldItalicB}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".woff2") format('woff2'),
    }

    %#{$BoldItalicB} {
        font: {
            @if $category != "" {
                family: "#{$BoldItalicB}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$BoldItalicB}";
                weight: normal;
            }
        }
    }
}


$file5: "FKGroteskMono-Regular";
$Mono-Regular: "Mono-Regular";
@mixin font-face($Mono-Regular, $file5, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file5;
    @font-face {
        font-family: "#{$Mono-Regular}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".woff2") format('woff2'),
    }

    %#{$Mono-Regular} {
        font: {
            @if $category != "" {
                family: "#{$Mono-Regular}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$Mono-Regular}";
                weight: normal;
            }
        }
    }
}