Update app.py

app.py

@@ -42,13 +42,13 @@ FONT_STYLES = {
     },
     "nastaliq": {
         "name": "Nastaliq",
-        "family": "Jameel Noori Nastaleeq",
-        "css": "font-family: 'Jameel Noori Nastaleeq', serif;"
+        "family": "Noto Nastaliq Urdu",
+        "css": "font-family: 'Noto Nastaliq Urdu', serif;"
     },
     "naskh": {
         "name": "Naskh",
-        "family": "Traditional Arabic",
-        "css": "font-family: 'Traditional Arabic', serif;"
+        "family": "Scheherazade New",
+        "css": "font-family: 'Scheherazade New', serif;"
     }
 }
 
@@ -216,9 +216,13 @@ class TTSDatasetCollector:
             font_filename = font_family + '.ttf'
             font_dest = self.fonts_path / font_filename
 
+            # Read the font file content
+            font_file.seek(0)
+            font_content = font_file.read()
+
             # Save the font file
             with open(font_dest, 'wb') as f:
-                f.write(font_file.read())
+                f.write(font_content)
 
             # Add to custom fonts
             self.custom_fonts[font_family] = {
@@ -516,33 +520,24 @@ def create_interface():
     }
     """
 
-    # Add font-face declarations
-    font_face_css = ""
-    for font_style, font_info in FONT_STYLES.items():
-        font_file_name = font_info['family'] + '.ttf'
-        font_path = collector.fonts_path / font_file_name
-        if os.path.exists(font_path):
-            font_face_css += f"""
-            @font-face {{
-                font-family: '{font_info["family"]}';
-                src: url('file/{font_path}') format('truetype');
-            }}
-            """
-        else:
-            # For system fonts like 'Arial' and 'Times New Roman', no need to specify src
-            pass
+    # Include Google Fonts for Nastaliq and Naskh
+    google_fonts_css = """
+    @import url('https://fonts.googleapis.com/earlyaccess/notonastaliqurdu.css');
+    @import url('https://fonts.googleapis.com/css2?family=Scheherazade+New&display=swap');
+    """
 
-    custom_css += font_face_css
+    custom_css = google_fonts_css + custom_css
 
     with gr.Blocks(title="TTS Dataset Collection Tool", css=custom_css) as interface:
+        gr.Markdown("# TTS Dataset Collection Tool")
+
         status = gr.Textbox(
             label="Status",
             interactive=False,
-            max_lines=3
+            max_lines=3,
+            elem_classes=["small-input"]
         )
 
-        gr.Markdown("# TTS Dataset Collection Tool")
-
         with gr.Row():
             # Left column - Configuration and Input
             with gr.Column(scale=1):
@@ -550,7 +545,8 @@ def create_interface():
                     label="Paste Text",
                     placeholder="Paste your text here...",
                     lines=5,
-                    elem_classes=["small-input"]
+                    elem_classes=["small-input"],
+                    interactive=True
                 )
                 file_input = gr.File(
                     label="Or Upload Text File (.txt)",
@@ -568,18 +564,20 @@ def create_interface():
                     elem_classes=["small-input"]
                 )
                 font_select = gr.Dropdown(
-                    choices=list(FONT_STYLES.keys()) + list(collector.custom_fonts.keys()),
+                    choices=list(FONT_STYLES.keys()),
                     value="english_serif",
                     label="Select Font Style",
                     elem_classes=["small-input"]
                 )
                 # Custom font upload
-                font_file_input = gr.File(
-                    label="Upload Custom Font (.ttf)",
-                    file_types=[".ttf"],
-                    elem_classes=["small-input"]
-                )
-                add_font_btn = gr.Button("Add Custom Font")
+                with gr.Accordion("Custom Font Upload", open=False):
+                    font_file_input = gr.File(
+                        label="Upload Custom Font (.ttf)",
+                        file_types=[".ttf"],
+                        elem_classes=["small-input"],
+                        type="file"  # Ensure we get a file-like object
+                    )
+                    add_font_btn = gr.Button("Add Custom Font")
 
                 # Dataset Info
                 with gr.Accordion("Dataset Statistics", open=False):
@@ -750,21 +748,6 @@ def create_interface():
             # Update font dropdown
             font_choices = list(FONT_STYLES.keys()) + list(collector.custom_fonts.keys())
             font_select.update(choices=font_choices)
-            # Rebuild CSS to include new font
-            font_face_css = ""
-            for font_style, font_info in FONT_STYLES.items():
-                if font_style in collector.custom_fonts:
-                    font_file_name = font_info['family'] + '.ttf'
-                    font_path = collector.fonts_path / font_file_name
-                    if os.path.exists(font_path):
-                        font_face_css += f"""
-                        @font-face {{
-                            font-family: '{font_info["family"]}';
-                            src: url('file/{font_path}') format('truetype');
-                        }}
-                        """
-            # Update the interface CSS
-            interface.set_css(custom_css + font_face_css)
             return {status: f"✅ {msg}"}
 
         # Event handlers