| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201 | 
							- // 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;
 
-             }
 
-         }
 
-     }
 
- }
 
- $rammetto: "rammetto-regular";
 
- $family-regular3: "rammetto";
 
- $file-regular3: "rammettoone-regular-webfont";
 
- @mixin font-face($rammetto, $file-regular3, $family-regular3, $category:"") {
 
-     $filepath: "../fonts/" + $family-regular3 + "/" + $file-regular3;
 
-     @font-face {
 
-         font-family: "#{$rammetto}";
 
-         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#" + $rammetto + "") format('svg');
 
-     }
 
-     %#{$rammetto} {
 
-         font: {
 
-             @if $category != "" {
 
-               family: "#{$rammetto}", #{$category};
 
-             }
 
-             @else {
 
-                 family: "#{$rammetto}";
 
-                 weight: normal;
 
-             }
 
-         }
 
-     }
 
- }
 
- $rumeur: "rumeur-regular";
 
- $family-regular4: "rumeur";
 
- $file-regular4: "rumeur-webfont";
 
- @mixin font-face($rammetto, $file-regular4, $family-regular4, $category:"") {
 
-     $filepath: "../fonts/" + $family-regular4 + "/" + $file-regular4;
 
-     @font-face {
 
-         font-family: "#{$rammetto}";
 
-         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#" + $rammetto + "") format('svg');
 
-     }
 
-     %#{$rammetto} {
 
-         font: {
 
-             @if $category != "" {
 
-               family: "#{$rammetto}", #{$category};
 
-             }
 
-             @else {
 
-                 family: "#{$rammetto}";
 
-                 weight: normal;
 
-             }
 
-         }
 
-     }
 
- }
 
 
  |