_fonts.scss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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: "aileron_regular";
  8. $category: "sans-serif";
  9. $file: "Aileron-Regular-webfont";
  10. $Regular: "Regular";
  11. @mixin font-face($Regular, $file, $typo, $category:"") {
  12. $filepath: "../fonts/" + $typo + "/" + $file;
  13. @font-face {
  14. font-family: "#{$Regular}";
  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#" + $Regular + "") format('svg');
  20. }
  21. %#{$Regular} {
  22. font: {
  23. @if $category != "" {
  24. family: "#{$Regular}", #{$category};
  25. weight: normal;
  26. }
  27. @else {
  28. family: "#{$Regular}";
  29. weight: normal;
  30. }
  31. }
  32. }
  33. }
  34. $typo2: "aileron_bold";
  35. $file2: "Aileron-Bold-webfont";
  36. $Bold: "bold";
  37. @mixin font-face($Bold, $file2, $typo2, $category:"") {
  38. $filepath: "../fonts/" + $typo2 + "/" + $file2;
  39. @font-face {
  40. font-family: "#{$Bold}";
  41. src: url($filepath + ".eot");
  42. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  43. url($filepath + ".woff") format('woff'),
  44. url($filepath + ".ttf") format('truetype'),
  45. url($filepath + ".svg#" + $Bold + "") format('svg');
  46. }
  47. %#{$Bold} {
  48. font: {
  49. @if $category != "" {
  50. family: "#{$Bold}", #{$category};
  51. weight: normal;
  52. }
  53. @else {
  54. family: "#{$Bold}";
  55. weight: normal;
  56. }
  57. }
  58. }
  59. }