@font-face {
	font-family: 'RuderPlakatLLVar';
  src: url('fonts/RuderPlakatLLVar.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'FitVariable';
  src: url('fonts/FitVariable-VF-Testing.woff') format('woff2-variations');
  font-variation-settings: 'SHFT' 50, 'HGHT' 100;
  font-feature-settings: "calt", "liga", "rlig", "rvrn", "kern", "rclt";
}


@font-face {
	font-family: 'FormaDJRVariable';
  src: url('fonts/FormaDJRVariable-Testing.woff') format('woff2-variations');
  font-feature-settings: "calt", "liga", "rlig", "rvrn", "kern", "rclt";

}

@font-face {
	font-family: 'ExtendomaticVariable';
  src: url('fonts/ExtendomaticVariable-VF.woff2') format('woff2-variations');
  font-feature-settings: "slnt", "TRAK", "wght";
}


@font-face {
	font-family: 'Gridlite-All';
  src: url('fonts/Gridlite-All.ttf') ;
  font-variation-settings: "wght" 900, "BACK" 1, "RECT" 1, "ELSH" 3;
}


@font-face {
	font-family:'Decovar Regular24'; 
	src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/Decovar-VF.ttf');
  }


/*
 * =======================
 * Variable Font einbinden
 * =======================
 *
 * Lesen:
 * https://web.dev/variable-fonts/
 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
 *
 */
/*@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');


 */
/* 
 * =================
 * 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: 'RuderPlakatLLVar';
  src: url('Foo-Bar-VF.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
	YTUC: 100 900; YTUC Uppercase Height 
	YTLC: 100 900; YTLC Lowercase Height 
	YTDE: 100 900; /*YTDE Descender Depth 
*/

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