Montserrat font for title

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

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',
+      ],
     },
   })
 }