Custom font selection (#226)

src-web/tailwind.config.cjs

@@ -7,7 +7,7 @@ const sizes = {
   md: '2.3rem',
 };
 
-/** @type {import("tailwindcss").Config} */
+/** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: ['class', '[data-resolved-appearance="dark"]'],
   content: [
@@ -43,6 +43,7 @@ module.exports = {
     },
     fontFamily: {
       mono: [
+        'var(--font-family-editor)',
         'JetBrains Mono',
         'ui-monospace',
         'SFMono-Regular',
@@ -58,6 +59,7 @@ module.exports = {
         'monospace',
       ],
       sans: [
+        'var(--font-family-interface)',
         'Inter UI',
         '-apple-system',
         'BlinkMacSystemFont',