/* Freie Ersatzschriften für den Klon * * Die Vorlage läuft auf lizenzpflichtigen Monotype-Schriften (Helvetica W01, * Helvetica Neue W01/W02/W10, Alfabet, DIN Next) sowie auf Wix' Hausschrift * Madefor. Wix liefert die über seine Plattformlizenz aus - die deckt einen * eigenen Server nicht ab. * * Diese Datei definiert dieselben Familiennamen neu und biegt sie auf zwei * freie Schriften um. Weil sie NACH dem Wix-CSS eingebunden wird, gewinnt sie: * die Originaldateien werden gar nicht erst angefordert. * * Inter (SIL Open Font License 1.1) - neo-groteske Schrift, sehr nah an * Helvetica Neue; ersetzt alle Helvetica- und Madefor-Schnitte. * Archivo (SIL Open Font License 1.1) - etwas kräftigere Grotesk; * ersetzt Alfabet (Überschriften) und DIN Next. * * Beide sind lokal abgelegt, nicht von Googles Servern geladen. */ /* ---------- Inter ---------- */ @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 100; src: url('/assets/schriften/inter-100-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 100; src: url('/assets/schriften/inter-100-latin-ext.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 200; src: url('/assets/schriften/inter-200-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 300; src: url('/assets/schriften/inter-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 400; src: url('/assets/schriften/inter-400-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 500; src: url('/assets/schriften/inter-500-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 600; src: url('/assets/schriften/inter-600-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 700; src: url('/assets/schriften/inter-700-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 800; src: url('/assets/schriften/inter-800-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonSans'; font-style: normal; font-weight: 900; src: url('/assets/schriften/inter-900-latin.woff2') format('woff2'); font-display: swap; } /* ---------- Archivo ---------- */ @font-face { font-family: 'KlonDisplay'; font-style: normal; font-weight: 300; src: url('/assets/schriften/archivo-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonDisplay'; font-style: normal; font-weight: 400; src: url('/assets/schriften/archivo-400-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonDisplay'; font-style: normal; font-weight: 500; src: url('/assets/schriften/archivo-500-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonDisplay'; font-style: normal; font-weight: 600; src: url('/assets/schriften/archivo-600-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'KlonDisplay'; font-style: normal; font-weight: 700; src: url('/assets/schriften/archivo-700-latin.woff2') format('woff2'); font-display: swap; } /* ---------- Die Wix-Familiennamen auf die freien Schriften umbiegen ---------- * Gleiche Namen, neue Quellen. Das Gewicht wird dabei so gewählt, dass der * optische Eindruck möglichst gleich bleibt (Light bleibt Light usw.). */ /* ⚠ Ab hier gilt fuer JEDE Regel: font-weight: 100 900. * Die Wix-Familien sind einzelne Schnitte (light, roman, bold), keine Familien * mit Gewichtsspektrum. Weist man ihnen nur EIN Gewicht zu und das Seiten-CSS * verlangt ein anderes, erzeugt der Browser synthetisches Fett - der Fliesstext * sah dadurch aus wie Semibold statt Light. Die Spanne 100-900 verhindert das: * die hinterlegte Datei gilt fuer jede Anforderung, und die Anmutung des * Originalschnitts bleibt erhalten. */ /* Helvetica W01 */ @font-face { font-family: 'helvetica-w01-light'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helvetica-w01-roman'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-400-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helvetica-w01-bold'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-700-latin.woff2') format('woff2'); font-display: swap; } /* Helvetica Neue W01 / W02 / W10 */ @font-face { font-family: 'helveticaneuew01-45ligh'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew02-45ligh'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew10-45ligh'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew01-65medi'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-500-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew02-65medi'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-500-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew10-65medi'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-500-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew01-thin'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-100-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'helveticaneuew01-ultlt'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/inter-200-latin.woff2') format('woff2'); font-display: swap; } /* ---------- Wix Madefor: die ECHTE Schrift ---------- * * Madefor ist als einzige der sechs Familien nicht lizenzpflichtig: Wix hat sie * unter der SIL Open Font License 1.1 freigegeben (github.com/wix-incubator/ * wixmadefor, auch auf Google Fonts). Sie darf also selbst gehostet werden - * deshalb steht hier seit dem 03.09.2026 das Original statt eines Ersatzes. * * Beide Familien sind variabel (Gewicht 400-800), genau wie die Dateien, die * Wix im Original ausliefert (madefor-text.var.original.woff2). Geholt mit * madefor-holen.py; Lizenztext liegt als madefor-OFL.txt daneben. * * ⚠ Nicht zu verwechseln mit der Datei aus Wix' Medienverwaltung * (/ufonts/a9ff3b_...): die ist der kommerzielle Stand von 2019 mit * Dalton-Maag-EULA. * * Wix spricht die Schrift unter vier Namen an; jeder bekommt beide Teilmengen. */ @font-face { font-family: 'madefor-text'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-text-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: 'madefor-text'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-text-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: 'madefor'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-text-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: 'madefor'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-text-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: 'madefor-display'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-display-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: 'madefor-display'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-display-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: 'madefor-display-bold'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-display-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: 'madefor-display-bold'; font-weight: 400 800; font-style: normal; src: url('/assets/schriften/madefor-display-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* Alfabet - die Schrift der Überschriften. Hier liegen mehrere Schnitte vor, * deshalb ECHTE Gewichtsabstufung statt einer Spanne: sonst bekaemen alle * Ueberschriften dieselbe Staerke. Archivo trifft die geometrische Anmutung * besser als Inter. */ @font-face { font-family: 'alfabet'; font-weight: 300; font-style: normal; src: url('/assets/schriften/archivo-300-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'alfabet'; font-weight: 400; font-style: normal; src: url('/assets/schriften/archivo-400-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'alfabet'; font-weight: 500; font-style: normal; src: url('/assets/schriften/archivo-500-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'alfabet'; font-weight: 600; font-style: normal; src: url('/assets/schriften/archivo-600-latin.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'alfabet'; font-weight: 700; font-style: normal; src: url('/assets/schriften/archivo-700-latin.woff2') format('woff2'); font-display: swap; } /* DIN Next */ @font-face { font-family: 'din-next-w01-light'; font-weight: 100 900; font-style: normal; src: url('/assets/schriften/archivo-300-latin.woff2') format('woff2'); font-display: swap; }