_fonts.scss 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  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. $typo: "Secuela";
  8. $category: "sans-serif";
  9. // secuela regular
  10. $file: "Secuela-Regular";
  11. $Regular: "Regular";
  12. @mixin font-face($Regular, $file, $typo, $category:"") {
  13. $filepath: "../fonts/" + $typo + "/" + $file;
  14. @font-face {
  15. font-family: "#{$Regular}";
  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 + "") format('svg');
  21. }
  22. %#{$Regular} {
  23. font: {
  24. @if $category != "" {
  25. family: "#{$Regular}", #{$category};
  26. weight: normal;
  27. }
  28. @else {
  29. family: "#{$Regular}";
  30. weight: normal;
  31. }
  32. }
  33. }
  34. }
  35. // secuela medium
  36. $file2: "Secuela-Medium";
  37. $medium: "medium";
  38. @mixin font-face($medium, $file2, $typo, $category:"") {
  39. $filepath: "../fonts/" + $typo + "/" + $file2;
  40. @font-face {
  41. font-family: "#{$medium}";
  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#" + $medium + "") format('svg');
  47. }
  48. %#{$medium} {
  49. font: {
  50. @if $category != "" {
  51. family: "#{$medium}", #{$category};
  52. weight: normal;
  53. }
  54. @else {
  55. family: "#{$medium}";
  56. weight: normal;
  57. }
  58. }
  59. }
  60. }
  61. // secuela bold
  62. $file3: "Secuela-Bold";
  63. $bold: "bold";
  64. @mixin font-face($bold, $file3, $typo, $category:"") {
  65. $filepath: "../fonts/" + $typo + "/" + $file3;
  66. @font-face {
  67. font-family: "#{$bold}";
  68. src: url($filepath + ".eot");
  69. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  70. url($filepath + ".woff") format('woff'),
  71. url($filepath + ".ttf") format('truetype'),
  72. url($filepath + ".svg#" + $bold + "") format('svg');
  73. }
  74. %#{$bold} {
  75. font: {
  76. @if $category != "" {
  77. family: "#{$bold}", #{$category};
  78. weight: normal;
  79. }
  80. @else {
  81. family: "#{$bold}";
  82. weight: normal;
  83. }
  84. }
  85. }
  86. }
  87. // secuela italic
  88. $file4: "Secuela-Italic";
  89. $italic: "italic";
  90. @mixin font-face($italic, $file4, $typo, $category:"") {
  91. $filepath: "../fonts/" + $typo + "/" + $file4;
  92. @font-face {
  93. font-family: "#{$italic}";
  94. src: url($filepath + ".eot");
  95. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  96. url($filepath + ".woff") format('woff'),
  97. url($filepath + ".ttf") format('truetype'),
  98. url($filepath + ".svg#" + $italic + "") format('svg');
  99. }
  100. %#{$italic} {
  101. font: {
  102. @if $category != "" {
  103. family: "#{$italic}", #{$category};
  104. weight: normal;
  105. }
  106. @else {
  107. family: "#{$italic}";
  108. weight: normal;
  109. }
  110. }
  111. }
  112. }
  113. // secuela light
  114. $file5: "Secuela-Light";
  115. $light: "light";
  116. @mixin font-face($light, $file5, $typo, $category:"") {
  117. $filepath: "../fonts/" + $typo + "/" + $file5;
  118. @font-face {
  119. font-family: "#{$light}";
  120. src: url($filepath + ".eot");
  121. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  122. url($filepath + ".woff") format('woff'),
  123. url($filepath + ".ttf") format('truetype'),
  124. url($filepath + ".svg#" + $light + "") format('svg');
  125. }
  126. %#{$light} {
  127. font: {
  128. @if $category != "" {
  129. family: "#{$light}", #{$category};
  130. weight: normal;
  131. }
  132. @else {
  133. family: "#{$light}";
  134. weight: normal;
  135. }
  136. }
  137. }
  138. }