Make offline usable

src/main.css

@@ -1,5 +1,8 @@
-@import 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;1,700&display=swap';
-@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
+@import '@fontsource/source-sans-pro/400.css';
+@import '@fontsource/source-sans-pro/400-italic.css';
+@import '@fontsource/source-sans-pro/700.css';
+@import '@fontsource/source-sans-pro/700-italic.css';
+
 @import 'tailwindcss';
 @theme {
   --breakpoint-xs: 0px;

src/main.ts

@@ -2,7 +2,8 @@ import { createPinia } from 'pinia';
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
 import { createApp } from 'vue';
 
-import { createVuestic } from 'vuestic-ui';
+import 'material-icons/iconfont/material-icons.css';
+import { createVuesticEssential } from 'vuestic-ui';
 import 'vuestic-ui/styles/essential.css';
 import 'vuestic-ui/styles/typography.css';
 import App from './App.vue';
@@ -13,6 +14,6 @@ const app = createApp(App);
 
 app.use(createPinia().use(piniaPluginPersistedstate));
 app.use(router);
-app.use(createVuestic());
+app.use(createVuesticEssential());
 
 app.mount('#app');