Best guess font fallback based on name (in case font is not installed)

Author: cursork

src/utils/getFontStyles.js

@@ -2,13 +2,26 @@ export const getFontStyles = (fontObj, defaultSize = 12) => { // TODO remove def
     const dflt = { fontSize: `${defaultSize}px` };
     // TODO! no fontScale used?!
     if (!fontObj) return dflt;
-  
+
     const fontProperties = fontObj?.Properties;
-  
+
     if (!fontProperties) return dflt;
-  
+
+    // Add generic CSS fallback based on font name
+    const getFontFamily = (pname) => {
+      if (!pname) return "inherit";
+      const lower = pname.toLowerCase();
+      if (lower.includes("courier") || lower.includes("mono") || lower.includes("consolas")) {
+        return `"${pname}", monospace`;
+      }
+      if (lower.includes("times") || lower.includes("georgia") || lower.includes("serif")) {
+        return `"${pname}", serif`;
+      }
+      return `"${pname}", sans-serif`;
+    };
+
     return {
-      fontFamily: fontProperties.PName || "inherit",
+      fontFamily: getFontFamily(fontProperties.PName),
       fontSize: fontProperties.Size
         ? `${fontProperties.Size}px`
         : `${defaultSize}px`,