123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- // 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
- // leaguegothic
- $Regular-L: "leaguegothic-regular-webfont";
- $family-L: "League_gothic";
- $file-L_R: "leaguegothic-regular-webfont";
- $category: "sans-serif";
- @mixin font-face($Regular-L, $file-L_R, $family-L, $category:"") {
- $filepath: "../fonts/" + $family-L + "/" + $file-L_R;
- @font-face {
- font-family: "#{$Regular-L}";
- 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-L + "") format('svg');
- }
- %#{$Regular-L} {
- font: {
- @if $category != "" {
- family: "#{$Regular-L}", #{$category};
- }
- @else {
- family: "#{$Regular-L}";
- weight: normal;
- }
- }
- }
- }
- //roboto
- $Roboto-L: "Roboto-Light";
- $family-R: "roboto";
- $file-R_L: "Roboto-Light-webfont";
- @mixin font-face($Roboto-L, $file-R_L, $family-R, $category:"") {
- $filepath: "../fonts/" + $family-R + "/" + $file-R_L;
- @font-face {
- font-family: "#{$Roboto-L}";
- 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#" + $Roboto-L + "") format('svg');
- }
- %#{$Roboto-L} {
- font: {
- @if $category != "" {
- family: "#{$Roboto-L}", #{$category};
- }
- @else {
- family: "#{$Roboto-L}";
- weight: normal;
- }
- }
- }
- }
- $Roboto-R: "Roboto-Regular";
- $family-R: "roboto";
- $file-R_R: "Roboto-Regular-webfont";
- @mixin font-face($Roboto-R, $file-R_R, $family-R, $category:"") {
- $filepath: "../fonts/" + $family-R + "/" + $file-R_R;
- @font-face {
- font-family: "#{$Roboto-R}";
- 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#" + $Roboto-R + "") format('svg');
- }
- %#{$Roboto-R} {
- font: {
- @if $category != "" {
- family: "#{$Roboto-R}", #{$category};
- }
- @else {
- family: "#{$Roboto-R}";
- weight: normal;
- }
- }
- }
- }
- //roboto
- $Roboto-M: "Roboto-Meduim";
- $file-R_M: "Roboto-Meduim-webfont";
- @mixin font-face($Roboto-M, $file-R_M, $family-R, $category:"") {
- $filepath: "../fonts/" + $family-R + "/" + $file-R_M;
- @font-face {
- font-family: "#{$Roboto-M}";
- 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#" + $Roboto-M + "") format('svg');
- }
- %#{$Roboto-M} {
- font: {
- @if $category != "" {
- family: "#{$Roboto-M}", #{$category};
- }
- @else {
- family: "#{$Roboto-M}";
- weight: normal;
- }
- }
- }
- }
- $Roboto-B: "Roboto-Bold";
- $file-R_B: "Roboto-Bold-webfont";
- @mixin font-face($Roboto-B, $file-R_B, $family-R, $category:"") {
- $filepath: "../fonts/" + $family-R + "/" + $file-R_B;
- @font-face {
- font-family: "#{$Roboto-B}";
- 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#" + $Roboto-B + "") format('svg');
- }
- %#{$Roboto-B} {
- font: {
- @if $category != "" {
- family: "#{$Roboto-B}", #{$category};
- }
- @else {
- family: "#{$Roboto-B}";
- weight: normal;
- }
- }
- }
- }
- $Roboto-I: "Roboto-Italic";
- $file-R_I: "Roboto-Italic-webfont";
- @mixin font-face($Roboto-I, $file-R_I, $family-R, $category:"") {
- $filepath: "../fonts/" + $family-R + "/" + $file-R_I;
- @font-face {
- font-family: "#{$Roboto-I}";
- 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#" + $Roboto-I + "") format('svg');
- }
- %#{$Roboto-I} {
- font: {
- @if $category != "" {
- family: "#{$Roboto-I}", #{$category};
- }
- @else {
- family: "#{$Roboto-I}";
- weight: normal;
- }
- }
- }
- }
|