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


/*
 * =======================
 * 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%;
}
*/
@font-face {
	font-family: 'Recursive';
	src: url(./Recursive_VF_1.085.woff2);
	font-variation-settings: "MONO" 0 1, "CASL" 0 1, "wght" 300 1000, "slnt" -15 0;
}

@font-face {
	font-family: 'Extenda';
	src: url(./fonts/ExtendaVariableGX.ttf);
}	

@font-face {
	font-family: 'Cheee';
	src: url(./fonts/CheeeVariable.ttf);
	font-variation-settings: 'yest' 100 1000, 'grvt' 100 1000;
}	

@font-face {
	font-family: 'Antarctica';
	src: url(./fonts/Antarctica\ Trial\ VAR-VF.ttf);
		font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1;
		font-variation-settings: "wdth" 1 200, "wght" 1 950, "ital" 1 12, "CNTR" 0 100;
}	

@font-face {
	font-family: 'Heidth';
	src: url(./fonts/HeidthSlantVariable-HeidthSlant.woff2);
	font-variation-settings: 'wght' 100 1000;
}	

@font-face {
	font-family: 'Stinger';
	src: url(./fonts/Stinger-Variable-trial.ttf);
	font-variation-settings: "wght" 100 1000, "wdth" 100 1000;
}	

@font-face {
	font-family: 'Obviously';
	src: url(./fonts/ObviouslyVar-CompTh.ttf);
	font-variation-settings: 'wdth' 50 200, 'wght' 200 900, 'ital' 0 1;
}	


  
  



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