_fonts.scss 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  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. $lato: "lato";
  8. $family: "lato";
  9. $file-regular: "Lato-Regular";
  10. $category: "sans-serif";
  11. @mixin font-face($lato, $file-regular, $family, $category:"") {
  12. $filepath: "../fonts/" + $family + "/" + $file-regular;
  13. @font-face {
  14. font-family: "#{$lato}";
  15. src: url($filepath + ".eot");
  16. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  17. url($filepath + ".woff") format('woff'),
  18. url($filepath + ".ttf") format('truetype'),
  19. url($filepath + ".svg#" + $lato + "") format('svg');
  20. }
  21. %#{$lato} {
  22. font: {
  23. @if $category != "" {
  24. family: "#{$lato}", #{$category};
  25. }
  26. @else {
  27. family: "#{$lato}";
  28. weight: normal;
  29. }
  30. }
  31. }
  32. }
  33. $syne: "syne";
  34. $family-bold: "syne";
  35. $file-bold: "Syne-Bold";
  36. @mixin font-face($syne, $file-bold, $family-bold, $category:"") {
  37. $filepath: "../fonts/" + $family-bold + "/" + $file-bold;
  38. @font-face {
  39. font-family: "#{$syne}";
  40. src: url($filepath + ".eot");
  41. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  42. url($filepath + ".woff") format('woff'),
  43. }
  44. %#{$syne} {
  45. font: {
  46. @if $category != "" {
  47. family: "#{$syne}", #{$category};
  48. }
  49. @else {
  50. family: "#{$syne}";
  51. weight: normal;
  52. }
  53. }
  54. }
  55. }
  56. $avara: "Avara";
  57. $family-bold-italic: "avara";
  58. $file-bold-italic: "Avara-Bold_Italic_web";
  59. @mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
  60. $filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
  61. @font-face {
  62. font-family: "#{$avara}";
  63. src: url($filepath + ".eot");
  64. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  65. url($filepath + ".woff") format('woff'),
  66. url($filepath + ".ttf") format('truetype'),
  67. url($filepath + ".svg#" + $avara + "") format('svg');
  68. }
  69. %#{$avara} {
  70. font: {
  71. @if $category != "" {
  72. family: "#{$avara}", #{$category};
  73. }
  74. @else {
  75. family: "#{$avara}";
  76. weight: normal;
  77. }
  78. }
  79. }
  80. }
  81. $playfair: "playfairdisplay-regularitalic";
  82. $family-italic: "playfair";
  83. $file-italic: "playfairdisplay-regularitalic";
  84. @mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
  85. $filepath: "../fonts/" + $family-italic + "/" + $file-italic;
  86. @font-face {
  87. font-family: "#{$playfair}";
  88. src: url($filepath + ".eot");
  89. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  90. url($filepath + ".woff") format('woff'),
  91. url($filepath + ".ttf") format('truetype'),
  92. url($filepath + ".svg#" + $playfair + "") format('svg');
  93. }
  94. %#{$playfair} {
  95. font: {
  96. @if $category != "" {
  97. family: "#{$playfair}", #{$category};
  98. }
  99. @else {
  100. family: "#{$playfair}";
  101. weight: normal;
  102. }
  103. }
  104. }
  105. }
  106. $moche: "Moche-Bold";
  107. $family-regular2: "moche";
  108. $file-regular2: "Moche-Bold";
  109. @mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
  110. $filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
  111. @font-face {
  112. font-family: "#{$moche}";
  113. src: url($filepath + ".eot");
  114. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  115. url($filepath + ".woff") format('woff'),
  116. url($filepath + ".ttf") format('truetype'),
  117. url($filepath + ".svg#" + $moche + "") format('svg');
  118. }
  119. %#{$moche} {
  120. font: {
  121. @if $category != "" {
  122. family: "#{$moche}", #{$category};
  123. }
  124. @else {
  125. family: "#{$moche}";
  126. weight: normal;
  127. }
  128. }
  129. }
  130. }
  131. $rammetto: "rammetto-regular";
  132. $family-regular3: "rammetto";
  133. $file-regular3: "rammettoone-regular-webfont";
  134. @mixin font-face($rammetto, $file-regular3, $family-regular3, $category:"") {
  135. $filepath: "../fonts/" + $family-regular3 + "/" + $file-regular3;
  136. @font-face {
  137. font-family: "#{$rammetto}";
  138. src: url($filepath + ".eot");
  139. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  140. url($filepath + ".woff") format('woff'),
  141. url($filepath + ".ttf") format('truetype'),
  142. url($filepath + ".svg#" + $rammetto + "") format('svg');
  143. }
  144. %#{$rammetto} {
  145. font: {
  146. @if $category != "" {
  147. family: "#{$rammetto}", #{$category};
  148. }
  149. @else {
  150. family: "#{$rammetto}";
  151. weight: normal;
  152. }
  153. }
  154. }
  155. }
  156. $rumeur: "rumeur-regular";
  157. $family-regular4: "rumeur";
  158. $file-regular4: "rumeur-webfont";
  159. @mixin font-face($rammetto, $file-regular4, $family-regular4, $category:"") {
  160. $filepath: "../fonts/" + $family-regular4 + "/" + $file-regular4;
  161. @font-face {
  162. font-family: "#{$rammetto}";
  163. src: url($filepath + ".eot");
  164. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  165. url($filepath + ".woff") format('woff'),
  166. url($filepath + ".ttf") format('truetype'),
  167. url($filepath + ".svg#" + $rammetto + "") format('svg');
  168. }
  169. %#{$rammetto} {
  170. font: {
  171. @if $category != "" {
  172. family: "#{$rammetto}", #{$category};
  173. }
  174. @else {
  175. family: "#{$rammetto}";
  176. weight: normal;
  177. }
  178. }
  179. }
  180. }