From f0d3a8ed300fca7e15abf27144f28e1abc48da7e Mon Sep 17 00:00:00 2001 From: Brian Rosner Date: Sat, 16 Aug 2025 09:15:15 -0600 Subject: [PATCH] style(font): add Roboto Slab via Google Fonts and global CSS to match existing site --- app/assets/css/main.css | 11 +++++++++++ nuxt.config.ts | 13 +++++++++++-- 2 files changed, 22 insertions(+), 2 deletions(-) create mode 100644 app/assets/css/main.css 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' } + ] + } + } +})