/*
 * Die Schriften liegen hier im Haus (E-098). Vorher kamen sie von
 * Adobe Typekit — ein fremder Server im Ladepfad jeder Seite, für
 * genau eine Schrift, die wirklich zu sehen war.
 *
 * Das Theme bindet diese Datei genau dann ein, wenn das Panel-Feld
 * „Font URL" leer ist (zero-one/snippets/header.php). Deshalb steht
 * hier alles, was der Browser an Schriften bekommt.
 *
 * Die Familien heißen so, wie der Rest des Projekts sie ruft:
 *
 *   Barlow            der eingefrorene UIkit-Bau sagt
 *                     `"Barlow","Helvetica Neue",Arial,sans-serif`
 *   fraunces-variable so hieß die Schrift bei Typekit, und so steht
 *                     sie in karte.css, warenkorb.css,
 *                     produktdialog.css und in site.css — und
 *                     site.css schreibt das Panel, da kommen wir
 *                     nicht heran. Der krumme Name bleibt also, damit
 *                     keine einzige Regel angefasst werden muss.
 *
 * Nur woff2. Jede Schnittdatei lädt der Browser erst, wenn ein
 * Zeichen sie braucht — die sechs Barlow-Schnitte kosten nicht
 * sechs Downloads, sondern die drei bis vier, die eine Seite
 * tatsächlich setzt.
 *
 * Lizenzen liegen daneben: OFL-Barlow.txt und OFL-Fraunces.txt.
 * Beide Schriften stehen unter der SIL Open Font License 1.1, die
 * verlangt, dass der Lizenztext mitgeliefert wird.
 */

/* ---- Barlow — die Serifenlose für alles ------------------------- */

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/Barlow-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/Barlow-Italic.woff2') format('woff2');
}

/* 500 trägt genau einen leisen Knopf im Warenkorb, 800 die
   Bestellnummer im Küchenterminal. Ohne eigene Datei würde der
   Browser auf den nächsten Schnitt ausweichen — beides fällt kaum
   auf, kostet aber auch nichts, solange niemand die Seite öffnet,
   die den Schnitt braucht. */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/Barlow-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/Barlow-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/Barlow-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/Barlow-ExtraBold.woff2') format('woff2');
}

/* ---- Fraunces — die Überschriften der Karte -------------------- */

/*
 * Eine variable Schrift, kursiv, Gewichtsbereich 100–900: Die Karte
 * setzt 900, die Startseite 700 und 900, alles kursiv. Aufrecht wird
 * Fraunces nirgends benutzt, also liegt die aufrechte Datei auch
 * nicht hier.
 *
 * Zwei Dateien mit `unicode-range`, so wie Undercase Type es
 * ausliefert: `latin` deckt deutschen Text samt ä ö ü ß, €, „ " und ·
 * ab — mehr lädt der Browser nur, wenn wirklich ein Zeichen daraus
 * auf der Seite steht.
 */
@font-face {
  font-family: 'fraunces-variable';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/Fraunces-Italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'fraunces-variable';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/Fraunces-Italic-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;
}