diff --git a/src/assets/main.css b/src/assets/main.css
index 353e964..901f54f 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -16,4 +16,12 @@ div#app {
 .ag-popup-child .ag-filter {
   width: 300px;
   height: 390px;
+}
+
+.app-title {
+  font-family: 'Montserrat';
+}
+
+.vc-container {
+  font-family: 'Roboto' !important;
 }
\ No newline at end of file
diff --git a/src/plugins/webfontloader.js b/src/plugins/webfontloader.js
index e6abbe7..e95a56d 100644
--- a/src/plugins/webfontloader.js
+++ b/src/plugins/webfontloader.js
@@ -5,11 +5,13 @@
  */
 
 export async function loadFonts () {
-  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
+  const webFontLoader = await import('webfontloader')
 
   webFontLoader.load({
     google: {
-      families: ['Roboto:100,300,400,500,700,900&display=swap'],
+      families: [
+          'Montserrat', 'Roboto',
+      ],
     },
   })
 }