diff --git a/app/assets/css/main.css b/app/assets/css/main.css
new file mode 100644
index 0000000..1a6d6c0
--- /dev/null
+++ b/app/assets/css/main.css
@@ -0,0 +1,11 @@
+/* Match brosner.com font */
+html, body {
+  font-family: "Roboto Slab", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+/* Ensure navbar icons remain white like the original */
+.icon > svg > path {
+  fill: #fff;
+}
+
+
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 11e8be1..66dcce3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -3,5 +3,14 @@ export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
   modules: [],
-  css: ['bulma/css/bulma.min.css']
-})
\ No newline at end of file
+  css: ['bulma/css/bulma.min.css', '@/assets/css/main.css'],
+  app: {
+    head: {
+      link: [
+        { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
+        { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' },
+        { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Roboto+Slab:opsz,wght@8..144,100..900&display=swap' }
+      ]
+    }
+  }
+})