Font and all

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 {