font

index.html

@@ -6,6 +6,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Paper</title>
+    <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=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:wght@400;500;600&display=swap"
+        rel="stylesheet">
     <style>
         :root {
             /* --- Cool Slate & Ink Palette --- */
@@ -40,7 +45,7 @@
         }
 
         body {
-            font-family: 'Georgia', 'Times New Roman', serif;
+            font-family: 'Lora', Georgia, serif;
             background: linear-gradient(135deg, #f9f6ef 0%, #f1ebe0 100%);
             background-attachment: fixed;
             color: var(--text-primary);
@@ -106,10 +111,10 @@
         .login-box h1 {
             margin-bottom: 8px;
             color: var(--text-primary);
-            font-weight: 400;
+            font-weight: 500;
             font-size: 36px;
             letter-spacing: -0.5px;
-            font-family: 'Georgia', serif;
+            font-family: 'Playfair Display', Georgia, serif;
             position: relative;
         }
 
@@ -154,7 +159,7 @@
         .password-input::placeholder {
             color: var(--text-muted);
             letter-spacing: normal;
-            font-family: 'Georgia', serif;
+            font-family: 'Lora', Georgia, serif;
             font-style: italic;
         }
 
@@ -173,7 +178,7 @@
             overflow: hidden;
             text-transform: uppercase;
             letter-spacing: 0.5px;
-            font-family: 'Georgia', serif;
+            font-family: 'Lora', Georgia, serif;
             box-shadow:
                 0 4px 15px rgba(212, 175, 55, 0.3),
                 inset 0 1px 0 rgba(255, 255, 255, 0.2);
@@ -246,9 +251,9 @@
 
         .app-title {
             font-size: 24px;
-            font-weight: 400;
+            font-weight: 500;
             color: var(--text-primary);
-            font-family: 'Georgia', serif;
+            font-family: 'Playfair Display', Georgia, serif;
             letter-spacing: -0.5px;
         }
 
@@ -269,7 +274,7 @@
             border: 1px solid var(--border);
             min-width: 80px;
             text-align: center;
-            font-family: 'Georgia', serif;
+            font-family: 'Lora', Georgia, serif;
         }
 
         .save-status.saving {
@@ -288,7 +293,7 @@
             font-size: 13px;
             color: var(--text-muted);
             font-weight: 400;
-            font-family: 'Georgia', serif;
+            font-family: 'Lora', Georgia, serif;
             font-style: italic;
         }
 
@@ -311,7 +316,7 @@
             padding: 25px 30px;
             border: none;
             outline: none;
-            font-family: 'Georgia', 'Times New Roman', serif;
+            font-family: 'Lora', Georgia, serif;
             font-size: 16px;
             line-height: 1.8;
             resize: none;