fix(vitrify): define fontFamily in QuasarPreset theme

Author: stefanvanherwijnen

.changeset/many-meals-tan.md

@@ -0,0 +1,5 @@
+---
+'vitrify': patch
+---
+
+fix(vitrify): define fontFamily in QuasarPreset theme

packages/vitrify/src/node/plugins/quasar/unocss/core/typography.unocss.ts

@@ -7,14 +7,16 @@ const preflights: Preflight<QuasarTheme>[] = [
 body {
   min-width: 100px;
   min-height: 100%;
-  font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: ${theme.typography.fontFamily};
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-smoothing: antialiased;
   line-height: 1.5;
   font-size: 14px;
+  margin: 0;
+  box-sizing: border-box
 }
 
 h1 {

packages/vitrify/src/node/plugins/quasar/unocss/index.ts

@@ -1881,10 +1881,6 @@ textarea {
   margin: 0;
 }
 
-html, body
-  margin: 0
-  box-sizing: border-box
-
 /* beasties:include end */`
           }
         ] as Preflight<QuasarTheme>[]

packages/vitrify/src/node/plugins/quasar/unocss/theme.ts

@@ -1,4 +1,7 @@
 export interface QuasarTheme {
+  typography: {
+    fontFamily: string
+  }
   breakpoints: {
     xs: string
     sm: string
@@ -1145,6 +1148,10 @@ export interface QuasarTheme {
 }
 
 const defaultTheme: QuasarTheme = {
+  typography: {
+    fontFamily:
+      '"Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif'
+  },
   breakpoints: {
     xs: '0',
     sm: '600px',