Update ui/ui_generators.py

ui/ui_generators.py

@@ -1,6 +1,6 @@
 """
 Generates HTML content and Matplotlib plots for the Gradio UI tabs,
-and UI components for the Analytics tab.
+and UI components for the Analytics tab, ensuring consistent font usage.
 """
 import pandas as pd
 import logging
@@ -41,8 +41,13 @@ def build_home_tab_ui():
                associare gestori di click per la navigazione tra le schede.
     """
     # CSS personalizzato per uno stile migliorato
+    # FONT CORRECTION: Added a 'body' style to set a consistent sans-serif font across the app.
     css_styles = """
     <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        }
+
         .hero-section {
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             padding: 60px 40px;
@@ -728,6 +733,7 @@ def create_enhanced_report_tab(agentic_modules_loaded_status: bool):
     """
 
     # Custom CSS for Medium-style design
+    # FONT CORRECTION: Changed font-family from a serif stack to a standard sans-serif stack for consistency.
     report_css = """
     <style>
     /* Medium-style Report Container */
@@ -735,7 +741,7 @@ def create_enhanced_report_tab(agentic_modules_loaded_status: bool):
         max-width: 800px;
         margin: 0 auto;
         padding: 40px 20px;
-        font-family: 'Georgia', 'Charter', 'Times New Roman', serif;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         line-height: 1.6;
         color: #292929;
         background: #ffffff;
@@ -900,7 +906,7 @@ def create_enhanced_report_tab(agentic_modules_loaded_status: bool):
         background: #f1f3f4;
         padding: 2px 6px;
         border-radius: 4px;
-        font-family: 'Monaco', 'Menlo', monospace;
+        font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
         font-size: 0.9em;
         color: #d73a49;
     }