/* CoupleMinutes - Schriften * * DIESE DATEI IST DER GRUND, WARUM DIE SEITE UEBERHAUPT WIE DIE SEITE * AUSSIEHT. Sie hat lange gefehlt, und das war der teuerste Fehler des * Themewechsels. * * Die Seite benutzt zwei Schriften: * * ClickClack die Schreibmaschinenschrift aller Ueberschriften, * des Logos und der Preise im Trio-Block * Fira Sans alles andere, in 400 / 500 / 700 * * Beide sind KEINE Google-Schriften und werden von keinem CDN geliefert. * Sie lagen als "Custom Fonts" in Elementor Pro, und Elementor hat die * @font-face-Regeln bei jedem Seitenaufruf INLINE in den geschrieben. * Nimmt man Elementor die Seite ab - genau das tut dieses Theme -, faellt * diese Einbindung ersatzlos weg. * * Der Ausfall ist heimtueckisch, weil nichts kaputtgeht: kein Fehler, kein * leerer Bereich, keine Zeile im Protokoll. Der Browser nimmt still die * naechste Schrift aus der Liste, und die Seite sieht danach aus wie ein * Textdokument von 1998. Am 27.08.2026 ist genau das auf Staging passiert * und im Vergleich zweier Bildschirmfotos aufgefallen - nicht in einer * Pruefung, denn jede Pruefung war gruen. * * --------------------------------------------------------------------- * WARUM DIE DATEIEN IM THEME LIEGEN UND NICHT IN uploads/ * * Dieselben Dateien liegen unter uploads/2025/03/. Von dort zu laden waere * eine Zeile weniger - und dieselbe Landmine wie das ungesicherte * require_once, das dieses Projekt am 27.08.2026 schon einmal fast fatal * enden liess: uploads/ ist nicht im Repo und wird nicht ausgerollt. Eine * Datei, auf die das Theme angewiesen ist, gehoert ins Theme. Sie wird * mitversioniert, mit ausgerollt und ist damit auf jedem Server da, auf dem * das Theme ist. * * Nur woff2. Jeder Browser seit 2018 kann es; die ttf-Zwillinge waeren * 300 KB fuer niemanden. * * font-display: swap - nicht Elementors "auto". Bei "auto" bleibt der Text * bis zu drei Sekunden unsichtbar, wenn die Schrift langsam kommt. "swap" * zeigt sofort die Ersatzschrift und tauscht dann. Das ist der einzige * bewusste Unterschied zum Original. */ @font-face { font-family: "ClickClack"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ClickClackW00-Regular.woff2") format("woff2"); } @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/fira-sans-v17-latin-regular.woff2") format("woff2"); } @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/fira-sans-v17-latin-500.woff2") format("woff2"); } @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/fira-sans-v17-latin-700.woff2") format("woff2"); }