/*
* ═══════════════════════════════════════════════════════════════════
* MST Projekt — Self-hosted fonts
* Zastępuje link do Google Fonts → eliminuje ~400-600ms ładowania
* ═══════════════════════════════════════════════════════════════════
*
* JAK UŻYĆ:
* 1. Wrzuć cały folder "fonts/" do katalogu z index.html
* 2. W HTML usuń linię:
*
* i ZASTĄP ją:
*
*
* Struktura katalogów:
* index.html
* fonts.css ← ten plik
* fonts/
* bebas-neue-latin-400-normal.woff2
* bebas-neue-latin-400-normal.woff
* dm-sans-latin-300-normal.woff2
* dm-sans-latin-300-normal.woff
* dm-sans-latin-400-normal.woff2
* dm-sans-latin-400-normal.woff
* dm-sans-latin-500-normal.woff2
* dm-sans-latin-500-normal.woff
* dm-sans-latin-700-normal.woff2
* dm-sans-latin-700-normal.woff
* jetbrains-mono-latin-400-normal.woff2
* jetbrains-mono-latin-400-normal.woff
* jetbrains-mono-latin-700-normal.woff2
* jetbrains-mono-latin-700-normal.woff
*
* UWAGA: jeśli fonts.css leży w podfolderze, zmień ścieżki poniżej:
* url('./fonts/...') → url('../fonts/...')
* ═══════════════════════════════════════════════════════════════════
*/
/* ── Bebas Neue 400 ───────────────────────────────────────────────── */
@font-face {
font-family: 'Bebas Neue';
font-style: normal;
font-weight: 400;
font-display: swap; /* ← kluczowe: tekst widoczny od razu */
src:
url('./fonts/bebas-neue-latin-400-normal.woff2') format('woff2'),
url('./fonts/bebas-neue-latin-400-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD,
/* polskie znaki */
U+00C0-00FF, U+0100-017F;
}
/* ── DM Sans 300 (light) ──────────────────────────────────────────── */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src:
url('./fonts/dm-sans-latin-300-normal.woff2') format('woff2'),
url('./fonts/dm-sans-latin-300-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153,
U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF, U+FFFD;
}
/* ── DM Sans 400 (regular) ────────────────────────────────────────── */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url('./fonts/dm-sans-latin-400-normal.woff2') format('woff2'),
url('./fonts/dm-sans-latin-400-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153,
U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF, U+FFFD;
}
/* ── DM Sans 500 (medium) ─────────────────────────────────────────── */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src:
url('./fonts/dm-sans-latin-500-normal.woff2') format('woff2'),
url('./fonts/dm-sans-latin-500-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153,
U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF, U+FFFD;
}
/* ── DM Sans 700 (bold) ───────────────────────────────────────────── */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url('./fonts/dm-sans-latin-700-normal.woff2') format('woff2'),
url('./fonts/dm-sans-latin-700-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153,
U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF, U+FFFD;
}
/* ── JetBrains Mono 400 ───────────────────────────────────────────── */
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url('./fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2'),
url('./fonts/jetbrains-mono-latin-400-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153,
U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF, U+FFFD;
}
/* ── JetBrains Mono 700 (bold) ────────────────────────────────────── */
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url('./fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2'),
url('./fonts/jetbrains-mono-latin-700-normal.woff') format('woff');
unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153,
U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+20AC, U+2122, U+2191, U+2193, U+2212, U+FEFF, U+FFFD;
}