feat: css variable --font-fans

src/css/tailwind.css

@@ -6,6 +6,7 @@
   html {
     @apply text-zinc-800;
     @apply fill-zinc-800;
+    font-family: var(--font-fans);
   }
 }
 

src/pages/dashboard/[subdomain]/settings/css.tsx

@@ -63,6 +63,16 @@ export default function SettingsDomainsPage() {
                   --theme-color-dark: #4338ca;
                 </span>
               </p>
+              <p>
+                <span className="bg-zinc-200 rounded-lg px-2">
+                  --font-fans: ui-sans-serif, system-ui, -apple-system,
+                  BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto,
+                  &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;,
+                  sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI
+                  Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color
+                  Emoji&quot;;
+                </span>
+              </p>
             </div>
             <FieldLabel label="Custom CSS" />
             <Editor