Font and all

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;
 }