1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- // 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
- $typo: "aileron_regular";
- $category: "sans-serif";
- $file: "Aileron-Regular-webfont";
- $Regular: "Regular";
- @mixin font-face($Regular, $file, $typo, $category:"") {
- $filepath: "../fonts/" + $typo + "/" + $file;
- @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};
- weight: normal;
- }
- @else {
- family: "#{$Regular}";
- weight: normal;
- }
- }
- }
- }
- $typo2: "aileron_bold";
- $file2: "Aileron-Bold-webfont";
- $Bold: "bold";
- @mixin font-face($Bold, $file2, $typo2, $category:"") {
- $filepath: "../fonts/" + $typo2 + "/" + $file2;
- @font-face {
- font-family: "#{$Bold}";
- 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#" + $Bold + "") format('svg');
- }
- %#{$Bold} {
- font: {
- @if $category != "" {
- family: "#{$Bold}", #{$category};
- weight: normal;
- }
- @else {
- family: "#{$Bold}";
- weight: normal;
- }
- }
- }
- }
|