Add scout fonts

Author: Dorazil

frontend/app.scss

@@ -3,6 +3,7 @@
 @import  "~nprogress/nprogress";
 @import "scss/modals";
 @import "scss/landing";
+@import "scss/fonts";
 
 .btn-light {
   @include button-variant($light, darken($light, 30%));

frontend/scss/fonts.scss

@@ -0,0 +1,22 @@
+$font-cdn: 'https://cdn.skauting.cz/fonts';
+
+@mixin font-face($family, $file, $weight, $style: normal, $svg-id: null) {
+  @font-face {
+    font-family: quote($family);
+    src: url('#{$font-cdn}/#{$file}.eot');
+    src: url('#{$font-cdn}/#{$file}.eot?#iefix') format('embedded-opentype'),
+    url('#{$font-cdn}/#{$file}.woff2') format('woff2'),
+    url('#{$font-cdn}/#{$file}.woff') format('woff'),
+    url('#{$font-cdn}/#{$file}.otf') format('opentype'),
+    url('#{$font-cdn}/#{$file}.svg##{if($svg-id, $svg-id, $family)}') format('svg');
+    font-weight: $weight;
+    font-style: $style;
+  }
+}
+
+@include font-face('themix', 'TheMix_LT_400', 400, normal, 'themix');
+@include font-face('themix', 'TheMix_LT_400i', 400, italic, 'themix');
+@include font-face('themix', 'TheMix_LT_700', 700, normal, 'themix');
+@include font-face('themix', 'TheMix_LT_700i', 700, italic, 'themix');
+
+@include font-face('skautbold', 'skaut-bold-webfont', normal, normal, 'skautbold');

frontend/scss/landing.scss

@@ -41,6 +41,7 @@
     color: #2d4739;
     line-height: 66px;
     text-transform: uppercase;
+    font-family: skautbold, sans-serif;
 
     @media (min-width: 768px) { font-size: 3rem; text-align: left; }
     @media (min-width: 1000px) { font-size: 4rem; }