fixed the stupid font

app.py

@@ -61,8 +61,6 @@ def respond(message, chat_history):
 
 #hopefully fixed CSS code
 css = """
-@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
-
 .gradio-container { background-color: #EBBAB9 !important; }
 #chatbot-box { background-color: #407076 !important; color: white !important; }
 #gallery-box { background-color: #407076 !important; }
@@ -88,10 +86,11 @@ css = """
     color: white !important;
 }
 
-/* Title font styling */
+/* Title font styling with web-safe fallback */
 h1 {
-    font-family: 'Pinyon Script', cursive !important;
+    font-family: 'Pinyon Script', 'Brush Script MT', cursive !important;
     font-size: 2.5em !important;
+    font-style: italic !important;
 }
 
 /* Ensure input box is fully styled */
@@ -102,7 +101,18 @@ h1 {
 }
 """
 
-with gr.Blocks(css=css) as demo:
+# Add this function to load the Google Font
+def load_google_font():
+    return """
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap" rel="stylesheet">
+    """
+
+# Add the Google Font link to the head
+font_html = load_google_font()
+
+with gr.Blocks(css=css, head=font_html) as demo:
     gr.Markdown("Fashioneer - Your Fashion Pioneer")
     gr.Markdown("Ask me what to wear and I'll suggest clothing with images from the database.")