_fonts.scss 1.2 KB

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