anissah/user/themes/anissabensalah/scss/config/mixins/_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;
$icons: 						"FontAwesome";

// @font-face

$Regular: "Montserrat-Regular";
$family: "Montserrat/webfonts";
$file-regular: "Montserrat-Regular";
$category: "sans-serif";

@mixin Montserrat-Regular($Regular, $file-regular, $family, $category:"") {
    $filepath: "../fonts/" + $family + "/" + $file-regular;
    @font-face {
        font-family: "#{$Regular}";
        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#" + $Regular + "") format('svg');
    }

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

$light: "Montserrat-Light";
$family: "Montserrat/webfonts";
$file-light: "Montserrat-Light";
$category: "sans-serif";

@mixin Montserrat-light($light, $file-light, $family, $category:"") {
    $filepath: "../fonts/" + $family + "/" + $file-light;
    @font-face {
        font-family: "#{$light}";
        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#" + $light + "") format('svg');
    }

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

$Thin: "Montserrat-Thin";
$family: "Montserrat/webfonts";
$file-Thin: "Montserrat-Thin";
$category: "sans-serif";

@mixin Montserrat-Thin($Thin, $file-Thin, $family, $category:"") {
    $filepath: "../fonts/" + $family + "/" + $file-Thin;
    @font-face {
        font-family: "#{$Thin}";
        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#" + $Thin + "") format('svg');
    }

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

// font-size
$font14: 0.882rem;
$font16: 1rem;
$font18: 1.134rem;
$font21: 1.323rem;
$font22: 1.375rem;
$font24: 1.512rem;
$font32: 2rem;
$font36: 2.268rem;
$font48: 3.024rem;
$font72: 4.5rem;

// $fonth1: 2rem;
// $fonth2: 1.5rem;
// $fonth3: 1rem;
// $fontp: 1rem;