Hier mal die angepassten @font-face deklarationen:
CSS
@font-face {
font-family: "amaticscrgl";
src: url(AmaticSC-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "amaticscbold";
src: url(AmaticSC-Bold.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "AbhayaLibrem";
src: url(AbhayaLibre-Medium.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Montserrat-Regular";
src: url(Montserrat-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Montserrat-light";
src: url(Montserrat-Light.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Montserratalternate";
src: url(MontserratAlternates-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "georgia";
src: url(Georgia.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "RougeScript";
src: url(RougeScript-Regular.ttf) format("truetype");
font-display: swap;
}
Alles anzeigen
Damit verwendet der Browser bis er die Font Dateien geladen hat die System-Font ![]()