/*
 * =======================
 * 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: 'ruder plakat';
  src: url('fonts/RuderPlakatLLVarTrialWeb.woff2') format('woff2-variations');
	font-weight: 100 900; 

}

@font-face {
	font-family: 'muller next';
  src: url('fonts/MullerNextVariable-Roman.ttf') format('truetype-variations');
	/* font-weight: 10 900;
	font-stretch: 100% 900%; */
}

@font-face {
	font-family: 'nickel gothic';
  src: url('fonts/NickelGothicV3Variable[slnt,wdth].woff2') format('woff2-variations');
  font-weight: 10 900;
  font-stretch: 100% 900%;
}

@font-face {
	font-family: 'tatras';
  src: url('fonts/Tatras-Shaded-Trial-V01.ttf') format('truetype-variations');
  font-weight: 100 900;
}

@font-face {
	font-family: 'planar';
  src: url('fonts/GT-Planar-Trial-VF.woff2') format('woff2-variations');
  /* font-weight: 100 900; */
}

@font-face {
	font-family: 'balken';
  src: url('fonts/BalkenschriftVAR.ttf') format('truetype-variations');
  /* font-weight: 100 900; */
}

@font-face {
	font-family: 'neutelevision';
  src: url('fonts/NeueTelevisionVAR.ttf') format('truetype-variations');
  font-weight: 10 900;
  /* font-weight: 100 900; */
}

/*
 * =====================================
 * 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!
*/