diff --git a/web/src/plugins/vuetify.js b/web/src/plugins/vuetify.js
new file mode 100644
index 0000000..e48c127
--- /dev/null
+++ b/web/src/plugins/vuetify.js
@@ -0,0 +1,10 @@
+// Styles
+import '@mdi/font/css/materialdesignicons.css'
+import 'vuetify/styles'
+
+// Vuetify
+import { createVuetify } from 'vuetify'
+
+export default createVuetify(
+  // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
+)
diff --git a/web/src/plugins/webfontloader.js b/web/src/plugins/webfontloader.js
new file mode 100644
index 0000000..e6abbe7
--- /dev/null
+++ b/web/src/plugins/webfontloader.js
@@ -0,0 +1,15 @@
+/**
+ * plugins/webfontloader.js
+ *
+ * webfontloader documentation: https://github.com/typekit/webfontloader
+ */
+
+export async function loadFonts () {
+  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
+
+  webFontLoader.load({
+    google: {
+      families: ['Roboto:100,300,400,500,700,900&display=swap'],
+    },
+  })
+}