_fonts.scss 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. // Font Family
  2. $font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  3. $font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  4. $font-family-mono: "Inconsolata", monospace;
  5. $font-family-serif: "Georgia", "Times", "Times New Roman", serif;
  6. // @font-face
  7. // leaguegothic
  8. $Regular-L: "leaguegothic-regular-webfont";
  9. $family-L: "League_gothic";
  10. $file-L_R: "leaguegothic-regular-webfont";
  11. $category: "sans-serif";
  12. @mixin font-face($Regular-L, $file-L_R, $family-L, $category:"") {
  13. $filepath: "../fonts/" + $family-L + "/" + $file-L_R;
  14. @font-face {
  15. font-family: "#{$Regular-L}";
  16. src: url($filepath + ".eot");
  17. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  18. url($filepath + ".woff") format('woff'),
  19. url($filepath + ".ttf") format('truetype'),
  20. url($filepath + ".svg#" + $Regular-L + "") format('svg');
  21. }
  22. %#{$Regular-L} {
  23. font: {
  24. @if $category != "" {
  25. family: "#{$Regular-L}", #{$category};
  26. }
  27. @else {
  28. family: "#{$Regular-L}";
  29. weight: normal;
  30. }
  31. }
  32. }
  33. }
  34. //roboto
  35. $Roboto-L: "Roboto-Light";
  36. $family-R: "roboto";
  37. $file-R_L: "Roboto-Light-webfont";
  38. @mixin font-face($Roboto-L, $file-R_L, $family-R, $category:"") {
  39. $filepath: "../fonts/" + $family-R + "/" + $file-R_L;
  40. @font-face {
  41. font-family: "#{$Roboto-L}";
  42. src: url($filepath + ".eot");
  43. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  44. url($filepath + ".woff") format('woff'),
  45. url($filepath + ".ttf") format('truetype'),
  46. url($filepath + ".svg#" + $Roboto-L + "") format('svg');
  47. }
  48. %#{$Roboto-L} {
  49. font: {
  50. @if $category != "" {
  51. family: "#{$Roboto-L}", #{$category};
  52. }
  53. @else {
  54. family: "#{$Roboto-L}";
  55. weight: normal;
  56. }
  57. }
  58. }
  59. }
  60. $Roboto-R: "Roboto-Regular";
  61. $family-R: "roboto";
  62. $file-R_R: "Roboto-Regular-webfont";
  63. @mixin font-face($Roboto-R, $file-R_R, $family-R, $category:"") {
  64. $filepath: "../fonts/" + $family-R + "/" + $file-R_R;
  65. @font-face {
  66. font-family: "#{$Roboto-R}";
  67. src: url($filepath + ".eot");
  68. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  69. url($filepath + ".woff") format('woff'),
  70. url($filepath + ".ttf") format('truetype'),
  71. url($filepath + ".svg#" + $Roboto-R + "") format('svg');
  72. }
  73. %#{$Roboto-R} {
  74. font: {
  75. @if $category != "" {
  76. family: "#{$Roboto-R}", #{$category};
  77. }
  78. @else {
  79. family: "#{$Roboto-R}";
  80. weight: normal;
  81. }
  82. }
  83. }
  84. }
  85. //roboto
  86. $Roboto-M: "Roboto-Meduim";
  87. $file-R_M: "Roboto-Meduim-webfont";
  88. @mixin font-face($Roboto-M, $file-R_M, $family-R, $category:"") {
  89. $filepath: "../fonts/" + $family-R + "/" + $file-R_M;
  90. @font-face {
  91. font-family: "#{$Roboto-M}";
  92. src: url($filepath + ".eot");
  93. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  94. url($filepath + ".woff") format('woff'),
  95. url($filepath + ".ttf") format('truetype'),
  96. url($filepath + ".svg#" + $Roboto-M + "") format('svg');
  97. }
  98. %#{$Roboto-M} {
  99. font: {
  100. @if $category != "" {
  101. family: "#{$Roboto-M}", #{$category};
  102. }
  103. @else {
  104. family: "#{$Roboto-M}";
  105. weight: normal;
  106. }
  107. }
  108. }
  109. }
  110. $Roboto-B: "Roboto-Bold";
  111. $file-R_B: "Roboto-Bold-webfont";
  112. @mixin font-face($Roboto-B, $file-R_B, $family-R, $category:"") {
  113. $filepath: "../fonts/" + $family-R + "/" + $file-R_B;
  114. @font-face {
  115. font-family: "#{$Roboto-B}";
  116. src: url($filepath + ".eot");
  117. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  118. url($filepath + ".woff") format('woff'),
  119. url($filepath + ".ttf") format('truetype'),
  120. url($filepath + ".svg#" + $Roboto-B + "") format('svg');
  121. }
  122. %#{$Roboto-B} {
  123. font: {
  124. @if $category != "" {
  125. family: "#{$Roboto-B}", #{$category};
  126. }
  127. @else {
  128. family: "#{$Roboto-B}";
  129. weight: normal;
  130. }
  131. }
  132. }
  133. }
  134. $Roboto-I: "Roboto-Italic";
  135. $file-R_I: "Roboto-Italic-webfont";
  136. @mixin font-face($Roboto-I, $file-R_I, $family-R, $category:"") {
  137. $filepath: "../fonts/" + $family-R + "/" + $file-R_I;
  138. @font-face {
  139. font-family: "#{$Roboto-I}";
  140. src: url($filepath + ".eot");
  141. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  142. url($filepath + ".woff") format('woff'),
  143. url($filepath + ".ttf") format('truetype'),
  144. url($filepath + ".svg#" + $Roboto-I + "") format('svg');
  145. }
  146. %#{$Roboto-I} {
  147. font: {
  148. @if $category != "" {
  149. family: "#{$Roboto-I}", #{$category};
  150. }
  151. @else {
  152. family: "#{$Roboto-I}";
  153. weight: normal;
  154. }
  155. }
  156. }
  157. }