Update app.py

app.py

@@ -57,25 +57,31 @@ def respond(message, history, name, char_class, char_alignment):
 
 # === GUI ===
 
-chat_css="""
 
-.alignment_radio{
-    color: red;
-}
+google_font_link = """
+<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=Lexend:[email protected]&family=Marcellus&family=Noto+Sans+Mono:[email protected]&family=Tangerine:wght@400;700&display=swap" rel="stylesheet">
+<style>
+    body, h1, h2, h3, h4, h5, h6, p, .gorf-font {
+        font-family: 'Tangerine';
+    }
+</style>
 """
 
-with gr.Blocks(theme=gr.themes.Default(font=[gr.themes.GoogleFont("Tangerine")])) as chatbot:
-    with gr.Row(max_height=150): 
+with gr.Blocks() as chatbot:
+    gr.HTML(google_font_link)
+    
+    with gr.Row(): 
         with gr.Column(scale=1):  
             gr.Image(
                 value="frog.png", 
                 show_label=False, 
                 show_share_button=False, 
-                show_download_button=False,
-                fill_height=True
+                show_download_button=False
             )
-        with gr.Column(scale=5):  
-            gr.Markdown("""# Gorf's Character Creator""")
+        with gr.Column(scale=10):  
+            gr.Markdown('<h1 class="gorf-font">Gorf\'s Character Creator</h1>')
 
     with gr.Row():