Added typeface-lato and configured Lato font

package-lock.json

@@ -16212,6 +16212,11 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "typeface-lato": {
+      "version": "0.0.75",
+      "resolved": "https://registry.npmjs.org/typeface-lato/-/typeface-lato-0.0.75.tgz",
+      "integrity": "sha512-iA5uJD4PSTyIE4BDiSOexQeXkDkiJuX4Hu3wh3saJ06EB2TvJayab1Lbbmqq2je/LQv7KCQZHZmC0k4hedd8sw=="
+    },
     "uglify-js": {
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",

package.json

@@ -58,6 +58,7 @@
   "dependencies": {
     "axios": "^0.18.0",
     "normalize-scss": "^7.0.1",
+    "typeface-lato": "0.0.75",
     "vue": "^2.5.16",
     "vue-electron": "^1.0.6",
     "vue-router": "^3.0.1",

src/renderer/App.vue

@@ -11,6 +11,7 @@
 <script>
 import DockableSidebar from './layouts/DockableSidebar'
 import PlayerBar from './layouts/PlayerBar'
+import 'typeface-lato'
 export default {
   name: 'jukebox',
   components: { DockableSidebar, PlayerBar }
@@ -23,6 +24,7 @@ export default {
 
 .root,.page-wrapper
   display: flex
+  font-family: 'Lato', sans-serif
 
 .page-wrapper
   flex-direction: column