1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- // Font Family
- $font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
- $font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
- $font-family-mono: "Inconsolata", monospace;
- $font-family-serif: "Georgia", "Times", "Times New Roman", serif;
- // @font-face
- $Regular: "Montserrat-Regular";
- $family: "montserrat";
- $file-regular: "Montserrat-Regular";
- $category: "sans-serif";
- @mixin font-face($Regular, $file-regular, $family, $category:"") {
- $filepath: "../fonts/" + $family + "/" + $file-regular;
- @font-face {
- font-family: "#{$Regular}";
- src: url($filepath + ".eot");
- src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
- url($filepath + ".woff") format('woff'),
- url($filepath + ".ttf") format('truetype'),
- url($filepath + ".svg#" + $Regular + "") format('svg');
- }
- %#{$Regular} {
- font: {
- @if $category != "" {
- family: "#{$Regular}", #{$category};
- }
- @else {
- family: "#{$Regular}";
- weight: normal;
- }
- }
- }
- }
- $Medium: "Montserrat-medium";
- $file-Medium: "Montserrat-Medium";
- @mixin font-face($Medium, $file-Medium, $family, $category:"") {
- $filepath: "../fonts/" + $family + "/" + $file-Medium;
- @font-face {
- font-family: "#{$Medium}";
- src: url($filepath + ".eot");
- src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
- url($filepath + ".woff") format('woff'),
- url($filepath + ".ttf") format('truetype'),
- url($filepath + ".svg#" + $Medium + "") format('svg');
- }
- %#{$Medium} {
- font: {
- @if $category != "" {
- family: "#{$Medium}", #{$category};
- }
- @else {
- family: "#{$Medium}";
- weight: normal;
- }
- }
- }
- }
|