83 lines
2.6 KiB
CSS
83 lines
2.6 KiB
CSS
/* ============================================================
|
|
FONTS.CSS — Lokale Schriften (Google Fonts selbst hosten)
|
|
|
|
ANLEITUNG:
|
|
1. Lade die Schriften von https://google-webfonts-helper.herokuapp.com
|
|
herunter (empfohlen: Inter + JetBrains Mono)
|
|
2. Lege die .woff2-Dateien in /static/fonts/ ab
|
|
3. Entkommentiere die gewünschten Gewichte unten
|
|
4. Aktiviere "@import fonts.css" in main.css
|
|
|
|
Nur benötigte Gewichte einbinden → kleinere Dateigrößen!
|
|
============================================================ */
|
|
|
|
/* ----------------------------------------------------------
|
|
INTER (System-nahe Sans-Serif, sehr lesbar)
|
|
Alternativ: Geist, DM Sans, Plus Jakarta Sans, Outfit
|
|
---------------------------------------------------------- */
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url("/static/fonts/inter-v13-latin-regular.woff2") format("woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url("/static/fonts/inter-v13-latin-500.woff2") format("woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url("/static/fonts/inter-v13-latin-600.woff2") format("woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url("/static/fonts/inter-v13-latin-700.woff2") format("woff2");
|
|
}
|
|
|
|
/* ----------------------------------------------------------
|
|
JETBRAINS MONO (Code-Font)
|
|
Alternativ: Geist Mono, Fira Code, Cascadia Code
|
|
---------------------------------------------------------- */
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url("/static/fonts/jetbrains-mono-v13-latin-regular.woff2") format("woff2");
|
|
}
|
|
|
|
/* ----------------------------------------------------------
|
|
ALTERNATIVE: Variable Font (eine Datei für alle Gewichte)
|
|
Wenn du Inter Variable verwendest:
|
|
---------------------------------------------------------- */
|
|
/*
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url("/static/fonts/inter-variable.woff2") format("woff2");
|
|
}
|
|
*/
|
|
|
|
/* ----------------------------------------------------------
|
|
FONT OVERRIDE in tokens.css nicht vergessen:
|
|
|
|
:root {
|
|
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
--font-mono: "JetBrains Mono", ui-monospace, monospace;
|
|
}
|
|
---------------------------------------------------------- */
|