Font and all

src/Vinlottis.vue

@@ -21,4 +21,18 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss">
+@font-face {
+  font-family: "knowit";
+  font-weight: 600;
+  src: url("/../public/assets/fonts/bold.eot"),
+    url("/../public/assets/fonts/bold.woff") format("woff");
+}
+
+@font-face {
+  font-family: "knowit";
+  font-weight: 300;
+  src: url("/../public/assets/fonts/regular.eot"),
+    url("/../public/assets/fonts/regular.woff") format("woff");
+}
+</style>

src/components/CreatePage.vue

@@ -13,10 +13,17 @@
 <script>
 export default {};
 </script>
-
+<style lang="scss">
+body {
+  margin: 0;
+  color: #333333;
+  font-family: "knowit";
+  padding-bottom: 30px;
+}
+</style>
 <style lang="scss" scoped>
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
 }
 .outer {
   display: flex;

src/components/GeneratePage.vue

@@ -29,7 +29,7 @@
       ></div>
     </div>
 
-    <img src="/images/vipps.png" class="vipps-image" />
+    <img src="/public/assets/images/vipps.png" class="vipps-image" />
   </div>
 </template>
 
@@ -109,7 +109,7 @@ export default {
 body {
   margin: 0;
   color: #333333;
-  font-family: sans-serif;
+  font-family: Knowit;
   padding-bottom: 30px;
 }
 .header-link {
@@ -122,7 +122,7 @@ h1 {
 h1 {
   width: 100vw;
   text-align: center;
-  font-family: sans-serif;
+  font-family: Knowit;
 }
 
 p {
@@ -155,6 +155,7 @@ p {
 input,
 button {
   font-size: 1.5rem;
+  font-family: "knowit";
 }
 
 input {
@@ -162,7 +163,7 @@ input {
   padding: 8px;
 }
 .container {
-  font-family: sans-serif;
+  font-family: Knowit;
   margin: auto;
   display: flex;
   flex-direction: column;

src/components/LoginPage.vue

@@ -16,7 +16,7 @@ export default {};
 
 <style lang="scss" scoped>
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
 }
 .outer {
   display: flex;

src/components/VinlottisPage.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="outer">
-    <h1 class="top-banner">knowit</h1>
+    <h1 class="top-banner">
+      <img src="/public/assets/images/knowit.svg" />
+    </h1>
     <div class="container">
       <h1>Vinlotteri</h1>
       <router-link to="generate" class="generate-link">
@@ -12,7 +14,7 @@
         <WinGraph class="win" />
       </div>
       <TotalBought />
-      <img src="/images/vipps.png" class="vipps-image" />
+      <img src="/public/assets/images/vipps.png" class="vipps-image" />
       <!--<div class="wine-and-highscore-container">
         <Highscore />
         <Wines />
@@ -42,11 +44,22 @@ export default {
 body {
   margin: 0;
   color: #333333;
-  font-family: sans-serif;
+  font-family: "knowit";
   padding-bottom: 30px;
 }
 </style>
 <style lang="scss" scoped>
+@font-face {
+  font-family: "knowit";
+  font-weight: 600;
+  src: url("/../../public/assets/fonts/bold.eot");
+}
+
+@font-face {
+  font-family: "knowit";
+  font-weight: 300;
+  src: url("/../../public/assets/fonts/regular.eot");
+}
 .outer {
   height: 100vh;
   width: 100vw;
@@ -57,7 +70,8 @@ body {
 h1 {
   width: 100vw;
   text-align: center;
-  font-family: sans-serif;
+  font-family: "knowit";
+  font-weight: 300;
 }
 
 .top-banner {

src/ui/Highscore.vue

@@ -28,7 +28,7 @@ export default {
 
 <style lang="scss" scoped>
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
   display: inline-flex;
   flex-direction: column;
 }

src/ui/PurchaseGraph.vue

@@ -77,6 +77,13 @@ export default {
           display: true,
           text: "Antall kjøp"
         },
+        legend: {
+          labels: {
+            // This more specific font property overrides the global property
+            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
+              "'knowit'")
+          }
+        },
         scales: {
           yAxes: [
             {

src/ui/TotalBought.vue

@@ -101,7 +101,7 @@ export default {
   max-width: 1400px;
   margin: auto;
   justify-content: space-around;
-  font-family: sans-serif;
+  font-family: "knowit";
 }
 
 .green,

src/ui/WinGraph.vue

@@ -68,6 +68,13 @@ export default {
           display: true,
           text: "Antall vinn"
         },
+        legend: {
+          labels: {
+            // This more specific font property overrides the global property
+            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
+              "'knowit'")
+          }
+        },
         scales: {
           yAxes: [
             {

src/ui/Wines.vue

@@ -34,7 +34,7 @@ h3 {
     text-align:center;
 }
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
   display: inline-flex;
   flex-direction: column;
 }