// 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

$lato: "lato";
$family: "lato";
$file-regular: "Lato-Regular";
$category: "sans-serif";

@mixin font-face($lato, $file-regular, $family, $category:"") {
    $filepath: "../fonts/" + $family + "/" + $file-regular;
    @font-face {
        font-family: "#{$lato}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $lato + "") format('svg');
    }

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

$syne: "syne";
$family-bold: "syne";
$file-bold: "Syne-Bold";

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

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

$avara: "Avara";
$family-bold-italic: "avara";
$file-bold-italic: "Avara-Bold_Italic_web";

@mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
    $filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
    @font-face {
        font-family: "#{$avara}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $avara + "") format('svg');
    }

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

$playfair: "playfairdisplay-regularitalic";
$family-italic: "playfair";
$file-italic: "playfairdisplay-regularitalic";

@mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
    $filepath: "../fonts/" + $family-italic + "/" + $file-italic;
    @font-face {
        font-family: "#{$playfair}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $playfair + "") format('svg');
    }

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

$moche: "Moche-Bold";
$family-regular2: "moche";
$file-regular2: "Moche-Bold";

@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
    $filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
    @font-face {
        font-family: "#{$moche}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $moche + "") format('svg');
    }

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