/* ===========================================
SELF-HOSTED FONTS
Alternative zu Google Fonts für bessere
Performance und Datenschutz
=========================================== */
/* Kalam Font Family - Self-Hosted */
@font-face {
font-family: 'Kalam';
src: url('../fonts/Kalam-Light.woff2') format('woff2'),
url('../fonts/Kalam-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap; /* Bessere Performance */
}
@font-face {
font-family: 'Kalam';
src: url('../fonts/Kalam-Regular.woff2') format('woff2'),
url('../fonts/Kalam-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Kalam';
src: url('../fonts/Kalam-Bold.woff2') format('woff2'),
url('../fonts/Kalam-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* Fallback Font Stack */
.kalam-font {
font-family: 'Kalam', 'Comic Sans MS', 'Chalkboard SE', 'Bradley Hand', cursive;
}
/* CSS Custom Properties für einfache Verwendung */
:root {
--font-handwriting: 'Kalam', 'Comic Sans MS', 'Chalkboard SE', 'Bradley Hand', cursive;
--font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
/* Performance-Optimierung: Preload wichtigste Schriftarten */
/* Diese Zeilen können in den HTML eingefügt werden:
*/