@import url("https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap");

@font-face {
  font-family: "GintoNord";
  src: url(./fonts/ABCGintoNordVariable-Trial.ttf);
  font-weight: 100 1000;
}

@font-face {
  font-family: "ABCGintoNormal";
  src: url(./fonts/ABCGintoNormalVariable-Trial.ttf);
  font-weight: 100 1000;
}

@font-face {
  font-family: "RuderPlakatLLVar";
  src: url(./fonts/RuderPlakatLLVarTrialWeb.woff2);
  font-weight: 100 1000;
}

@font-face {
  font-family: "GT-Flaire-VF";
  src: url(./fonts/GT-Flaire-Trial-VF.woff2);
  font-weight: 100 1000;
}

@font-face {
  font-family: "GT-Flexa-VF";
  src: url(./fonts/GT-Flexa-Trial-VF.woff2);
  font-weight: 120 800;
  font-stretch: 25% 200%;
}

@font-face {
  font-family: "Recursive";
  src: url(./fonts/Recursive_Web/woff2_variable/Recursive_VF_1.085.woff2);
}

@font-face {
  font-family: "WHOA-Spine";
  src: url(./fonts/WHOA-Spine-v0.4.1.ttf);
  zoom: -1000 1000;
  font-stretch: -1000 1000;
  rotation: -45 45;
}

@font-face {
	font-family: "Gridlite";
	src: url(./fonts/GridlitePEVFTRIAL-All.ttf);
  }

  @font-face {
    font-family: "Bricolage";
    src: url(./fonts/BricolageGrotesque-VariableFont_opsz\,wdth\,wght.ttf);
    }


/*
/*
 * =======================
 * Variable Font einbinden
 * =======================
 *
 * Lesen:
 * https://web.dev/variable-fonts/
 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
 *
 */

/* 
 * =================
 * Entweder ab Datei
 * =================
 */

/*
 * - Vergleiche mit ‘Introduction to variable fonts on the web’
 * - Den Namen der font-family kannst du frei wählen.
 * - Foo-Bar-VF.woff2 mit dem Dateinamen deines Fonts ersetzen.
 * - Die Werte zu font-weight und font-stretch stellst du gemäss Font-Eigenschaften ein.
 */

/* 
 @font-face {
	font-family: 'My Variable Font';
  src: url('Foo-Bar-VF.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
}
*/

/*
 * =====================================
 * Oder ab CDN (Google, Adobe, Monotype)
 * =====================================
 */

/*
 @import url('https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap');
*/

/*
ACHTUNG! die @import-Zeile muss zuoberst im Stylesheet stehen!
*/