/* DocCompan — self-hosted fonts (SIL OFL 1.1) Import this once (e.g. in main.tsx) or link it in . Paths are relative to this file (brand/fonts/). */ /* — Hanken Grotesk — całe UI, body, przyciski, węzły — */ @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('./HankenGrotesk-Regular.woff2') format('woff2'); } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('./HankenGrotesk-Medium.woff2') format('woff2'); } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('./HankenGrotesk-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('./HankenGrotesk-Bold.woff2') format('woff2'); } /* — Newsreader (variable) — TYLKO duże nagłówki stron (H1) — */ @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400 500; /* używamy 400–500 */ font-display: swap; src: url('./Newsreader-Variable.woff2') format('woff2-variations'); font-named-instance: 'Regular'; } /* Alternatywa: jeden plik variable Hanken (400–700 z jednego pliku). Jeśli wolisz go zamiast 4 plików statycznych, podmień bloki Hanken powyżej na: @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('./HankenGrotesk-Variable.woff2') format('woff2-variations'); } */