/*
Hier kann ein eigener Font nach folgendem Muster hinterlegt werden (s.u.).

Damit dieser Font angezeigt wird, muss er im Ordner "assets/font" der Web-App
hinterlegt werden. Alternativ kann er natürlich auch über eine externe URL
verlinkt werden.

Zusätzlich muss er als erster Font in der Style-Variable --font-family in der
Konfigurationsdatei "style.user.config.json" angegeben werden.

Beispiel:

  ...
  "key": "--font-family",
  "value": "'Mali', 'Arial', sans-serif"
  ...
*/

@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 100;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 200;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 300;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 400;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 500;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 600;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 700;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 800;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 900;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 100;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 200;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 300;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 400;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 500;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 600;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 700;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 800;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 900;
	src: url("font/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 100;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 200;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 300;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 500;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 600;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 700;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 800;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}
@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: normal;
	font-weight: 900;
	src: url("font/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8si-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 100;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 200;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 300;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 400;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 500;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 600;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 700;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 800;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Sans Display";
	font-stretch: 100%;
	font-style: italic;
	font-weight: 900;
	src: url("font/RLpUK4fy6r6tOBEJg0IAKzqdFZVZxrktbnDB5UzBIup9PwAcHvsgEKI-woff2.woff2") format("woff2");
}



/*
@font-face {
  font-family: 'Noto-Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'),
       local('Noto-Serif'),
        url("font/noto-serif.woff2") format("woff");
}
*/



/* @font-face {
  font-family: 'Mali';
  font-style: normal;
  font-weight: 400;
  src: local('Mali Regular'),
       local('Mali-Regular'),
       url(font/Mali-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Mali';
  font-style: normal;
  font-weight: 700;
  src: local('Mali Bold'),
       local('Mali-Bold'),
       url(font/Mali-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Mali';
  font-style:;
  font-weight: 300;
  src: local('Mali Light'),
       local('Mali-Light'),
       url(font/Mali-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Mali';
  font-style: italic;
  font-weight: 400;
  src: local('Mali Italic'),
       local('Mali-Italic'),
       url(font/Mali-Italic.ttf) format('truetype');
} */