_fonts.scss 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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. }