/* ========================================================================== Schriften -------------------------------------------------------------------------- Drei Familien, selbst gehostet in assets/fonts: Source Sans 3 Grundschrift, variabel 300-700 Playfair Display Antiqua für die großen Überschriften, variabel 400-600 Cormorant Garamond zweite Antiqua zur Auswahl, 400 und 600 Warum selbst gehostet und nicht über Google: Ein Verweis auf fonts.gstatic.com überträgt die IP-Adresse jedes Besuchers an Google, bevor der Cookie-Hinweis überhaupt gefragt hat. Für eine österreichische Seite ist das nicht tragbar. Nur die lateinische Teilmenge. Nachgeprüft: ä ö ü ß Ä Ö Ü ° · – ’ € sind alle darin. latin-ext brächte Polnisch, Tschechisch und Türkisch - für diese Seite 20 bis 40 KB ohne Nutzen. Die Grundschrift ist nicht nach Geschmack gewählt, sondern gemessen. Das Wetter-Plugin hat enge Stellen mit fester Breite; Source Sans 3 läuft in vier von fünf Proben SCHMALER als die bisherige Systemgrotesk: y-Achse der Grafiken 92 % Tabellenkopf 95 % Windstärkenspalte 94 % Kacheltitel 93 % Messuhr 105 % (71 von 124 Einheiten, reichlich Luft) Die engen Stellen werden also weiter, nicht enger. ========================================================================== */ /* --- Grundschrift -------------------------------------------------------- */ @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 300 700; /* variabel, ein einziger Ladevorgang */ font-display: swap; src: url("../fonts/source-sans-3-var.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; } /* --- Antiqua für Überschriften ------------------------------------------- */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../fonts/playfair-display-var.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; } /* Cormorant gibt es bei Google nicht als variable Schrift - deshalb zwei getrennte Schnitte. Zusammen 45 KB. */ @font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/cormorant-garamond-400.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-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-600.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; } /* ============================================================== Auswahl === */ /* * Playfair ist der Grundzustand. Er nimmt die Wortmarke auf: dieselbe * klassizistische Bauart, starker Strichkontrast, flache Serifen. * * Umgeschaltet wird über data-schrift am - gesetzt von * inc/schrift.php, entweder dauerhaft aus dem Customizer oder im Testmodus * über ?schrift=cormorant. */ :root { --wt-font-titel: "Playfair Display", Georgia, "Times New Roman", serif; --wt-titel-gewicht: 500; --wt-titel-faktor: 1; } /* * Cormorant läuft kleiner und leichter als Playfair. Ohne Ausgleich * verglichen Sie zwei ungleich große Dinge: bei gleichem Grad wirkt * Cormorant rund ein Achtel kleiner und deutlich zarter. */ body[data-schrift="cormorant"] { --wt-font-titel: "Cormorant Garamond", Georgia, "Times New Roman", serif; --wt-titel-gewicht: 600; --wt-titel-faktor: 1.12; }