_fonts.scss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. $Regular: "Montserrat-Regular";
  8. $family: "montserrat";
  9. $file-regular: "Montserrat-Regular";
  10. $category: "sans-serif";
  11. @mixin font-face($Regular, $file-regular, $family, $category:"") {
  12. $filepath: "../fonts/" + $family + "/" + $file-regular;
  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. }
  26. @else {
  27. family: "#{$Regular}";
  28. weight: normal;
  29. }
  30. }
  31. }
  32. }
  33. $Medium: "Montserrat-medium";
  34. $file-Medium: "Montserrat-Medium";
  35. @mixin font-face($Medium, $file-Medium, $family, $category:"") {
  36. $filepath: "../fonts/" + $family + "/" + $file-Medium;
  37. @font-face {
  38. font-family: "#{$Medium}";
  39. src: url($filepath + ".eot");
  40. src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
  41. url($filepath + ".woff") format('woff'),
  42. url($filepath + ".ttf") format('truetype'),
  43. url($filepath + ".svg#" + $Medium + "") format('svg');
  44. }
  45. %#{$Medium} {
  46. font: {
  47. @if $category != "" {
  48. family: "#{$Medium}", #{$category};
  49. }
  50. @else {
  51. family: "#{$Medium}";
  52. weight: normal;
  53. }
  54. }
  55. }
  56. }