123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- // 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: "Secuela";
- $category: "sans-serif";
- // secuela regular
- $file: "Secuela-Regular";
- $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;
- }
- }
- }
- }
- // secuela medium
- $file2: "Secuela-Medium";
- $medium: "medium";
- @mixin font-face($medium, $file2, $typo, $category:"") {
- $filepath: "../fonts/" + $typo + "/" + $file2;
- @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};
- weight: normal;
- }
- @else {
- family: "#{$medium}";
- weight: normal;
- }
- }
- }
- }
- // secuela bold
- $file3: "Secuela-Bold";
- $bold: "bold";
- @mixin font-face($bold, $file3, $typo, $category:"") {
- $filepath: "../fonts/" + $typo + "/" + $file3;
- @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;
- }
- }
- }
- }
- // secuela italic
- $file4: "Secuela-Italic";
- $italic: "italic";
- @mixin font-face($italic, $file4, $typo, $category:"") {
- $filepath: "../fonts/" + $typo + "/" + $file4;
- @font-face {
- font-family: "#{$italic}";
- 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#" + $italic + "") format('svg');
- }
- %#{$italic} {
- font: {
- @if $category != "" {
- family: "#{$italic}", #{$category};
- weight: normal;
- }
- @else {
- family: "#{$italic}";
- weight: normal;
- }
- }
- }
- }
- // secuela light
- $file5: "Secuela-Light";
- $light: "light";
- @mixin font-face($light, $file5, $typo, $category:"") {
- $filepath: "../fonts/" + $typo + "/" + $file5;
- @font-face {
- font-family: "#{$light}";
- 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#" + $light + "") format('svg');
- }
- %#{$light} {
- font: {
- @if $category != "" {
- family: "#{$light}", #{$category};
- weight: normal;
- }
- @else {
- family: "#{$light}";
- weight: normal;
- }
- }
- }
- }
|