/* ==========================================================================
   fonts.css: die Schriften liegen im Projekt selbst (assets/fonts/)

   Warum lokal und nicht ueber Google Fonts?
   - die Seite laedt auch ohne Internetverbindung richtig
   - in Deutschland ist das direkte Einbinden von Google Fonts
     datenschutzrechtlich heikel, weil dabei die IP der Besucher an Google geht
   - es ist schneller

   Beide Schriften stehen unter der SIL Open Font License, du darfst sie
   also frei mitliefern. Die Lizenztexte liegen bei den Dateien.

   Fraunces = die Ueberschriften-Schrift. Sie hat zwei Extras:
     SOFT = wie weich die Ecken sind
     WONK = die schraegen, leicht schrulligen Buchstaben (0 = aus, 1 = an)
   Damit bekommt die Seite Charakter, ohne dass es nach Standardvorlage aussieht.
   ========================================================================== */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/fraunces-latin.woff2") format("woff2-variations");
  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: "Fraunces";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/fraunces-latin-ext.woff2") format("woff2-variations");
  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-face {
  font-family: "Nunito";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("../assets/fonts/nunito-latin.woff2") format("woff2-variations");
  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: "Nunito";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("../assets/fonts/nunito-latin-ext.woff2") format("woff2-variations");
  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;
}

/* --------------------------------------------------------------------------
   Press Start 2P: die Pixelschrift.
   Wird nur an wenigen Stellen benutzt, zum Beispiel auf der 404-Seite.
   Sparsam einsetzen, in langen Texten ist sie kaum lesbar.
   Ebenfalls SIL Open Font License.
   -------------------------------------------------------------------------- */

@font-face {
  font-family: "Press Start 2P";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../assets/fonts/press-start-2p-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-face {
  font-family: "Press Start 2P";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../assets/fonts/press-start-2p-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;
}

/* --------------------------------------------------------------------------
   Matcha World (grosse Ueberschriften), von Khurasan.
   Die Umlaute habe ich selbst aus den vorhandenen Buchstaben ergaenzt.
   Ein ß hat die Schrift nicht, dafuer springt der Browser fuer genau
   diesen Buchstaben auf Nunito. Die Schrift hat nur einen Schnitt. Der breite Gewichtsbereich hier
   sorgt dafuer, dass der Browser sie nie kuenstlich fett rechnet.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Matcha World";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/matcha-world.woff2") format("woff2");
}