Adminbereich: Überschriften in derselben Schrift wie die Website (Fraunces)

Der Adminbereich nutzte für Überschriften bisher nur Inter (Sans-Serif), während die eigentliche Website durchgängig Fraunces als markante Serifenschrift für Überschriften verwendet (--font-head). Jetzt zieht sich diese Schrift auch durch den Adminbereich — über die stabilen HTML- Tags (h1/h2/h3) gesetzt statt über Sveltias interne, ungeschützte Klassennamen, bleibt also robust gegen künftige Sveltia-Updates. Verifiziert per Puppeteer: H1 nutzt jetzt "Fraunces, Playfair Display, Georgia, serif", keine Konfigurationsfehler.
2026-08-02 20:12:08 +02:00
parent 46aae63bcf
commit 8fec08d550
1 changed files with 9 additions and 1 deletions
@@ -8,7 +8,7 @@
    <link rel="icon" href="/favicon.svg" />

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,[email protected],500;9..144,600;9..144,700&display=swap" rel="stylesheet" />
    <style>
      /* Sveltia CMS optisch an die eigentliche Website angepasst — nutzt Sveltias eigenes
         CSS-Variablen-Theming-System (--sui-*, "Sveltia UI"), keine geratenen internen
@@ -52,6 +52,14 @@
      input[type="number"] {
        -moz-appearance: textfield;
      }
+
+      /* Überschriften mit derselben edlen Serifenschrift wie auf der eigentlichen Website
+         (dort --font-head: Fraunces) statt der Standard-Sans-Serif — Sveltia selbst bietet dafür
+         kein eigenes CSS-Token, deshalb hier über die stabilen, semantischen HTML-Tags gesetzt
+         statt über interne Klassennamen (bleibt robust, auch wenn sich Sveltias Aufbau ändert). */
+      h1, h2, h3 {
+        font-family: "Fraunces", "Playfair Display", Georgia, serif !important;
+      }
    </style>
  </head>
  <body>