feat: initial fonts support

apps/web/src/constants/font-constants.ts

@@ -0,0 +1,79 @@
+export interface FontOption {
+  value: string;
+  label: string;
+  category: "system" | "google" | "custom";
+  weights?: number[];
+  hasClassName?: boolean;
+}
+
+export const FONT_OPTIONS: FontOption[] = [
+  // System fonts (always available)
+  { value: "Arial", label: "Arial", category: "system", hasClassName: false },
+  {
+    value: "Helvetica",
+    label: "Helvetica",
+    category: "system",
+    hasClassName: false,
+  },
+  {
+    value: "Times New Roman",
+    label: "Times New Roman",
+    category: "system",
+    hasClassName: false,
+  },
+  {
+    value: "Georgia",
+    label: "Georgia",
+    category: "system",
+    hasClassName: false,
+  },
+
+  // Google Fonts (loaded in layout.tsx)
+  {
+    value: "Inter",
+    label: "Inter",
+    category: "google",
+    weights: [400, 700],
+    hasClassName: true,
+  },
+  {
+    value: "Roboto",
+    label: "Roboto",
+    category: "google",
+    weights: [400, 700],
+    hasClassName: true,
+  },
+  {
+    value: "Open Sans",
+    label: "Open Sans",
+    category: "google",
+    hasClassName: true,
+  },
+  {
+    value: "Playfair Display",
+    label: "Playfair Display",
+    category: "google",
+    hasClassName: true,
+  },
+  {
+    value: "Comic Neue",
+    label: "Comic Neue",
+    category: "google",
+    hasClassName: false,
+  },
+] as const;
+
+export const DEFAULT_FONT = "Arial";
+
+// Type-safe font family union
+export type FontFamily = (typeof FONT_OPTIONS)[number]["value"];
+
+// Helper functions
+export const getFontByValue = (value: string): FontOption | undefined =>
+  FONT_OPTIONS.find((font) => font.value === value);
+
+export const getGoogleFonts = (): FontOption[] =>
+  FONT_OPTIONS.filter((font) => font.category === "google");
+
+export const getSystemFonts = (): FontOption[] =>
+  FONT_OPTIONS.filter((font) => font.category === "system");