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;
- }
- }
- }
- }
|