style: Setup webfonts

src/App.vue

@@ -7,7 +7,7 @@
 <script>
 
 export default {
-  name: 'souvenir',
+  name: 'souvenir'
 }
 </script>
 

src/assets/css/3-base/_01-fonts.css

@@ -1,3 +1,21 @@
 /* ----------------------------------------------------------- */
 /* == custom fonts */
 /* ----------------------------------------------------------- */
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "Roboto";
+  src: url("/fonts/Roboto.woff") format("woff"), local("Roboto");
+
+  font-display: swap;
+}
+
+@font-face {
+  font-weight: bold;
+  font-style: normal;
+  font-family: "Roboto";
+  src: url("/fonts/Roboto-bold.woff") format("woff"), local("Roboto");
+
+  font-display: swap;
+}

src/assets/css/3-base/_02-main.css

@@ -6,6 +6,9 @@ body {
   background: var(--color-tertiary) url("/img/dotgrid.png");
   color: var(--color-light-text);
   font-family: var(--fontstack);
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .container {

src/assets/css/config.css

@@ -12,7 +12,7 @@
 :root {
   --base-font: 14; /* px value (without unit), will be converted in em */
   --line-height: 1.5;
-  --fontstack: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --fontstack: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 /* responsive