/* ============================================================================ CZCIONKI STRONY - z wlasnego serwera, nie z Google Fonts ---------------------------------------------------------------------------- Dawniej kroje szly z fonts.googleapis.com z ustawieniem display=swap: zanim Fraunces doszedl, przegladarka rysowala naglowki systemowym szeryfem, i to jeszcze pogrubionym (h1/h2 sa domyslnie "bold", a grubosc Fraunces ustawia osobno font-variation-settings, ktorego czcionka zastepcza nie rozumie). Stad mignięcie grubej, niezgrabnej czcionki przy wejsciu na strone. Teraz: - pliki leza w /fonts/ (te same, ktore wysylal Google: Fraunces z osiami opsz i wght, DM Sans i JetBrains Mono z osia wght; osobno znaki lacinskie i rozszerzone, czyli polskie), wiec nie ma dodatkowego polaczenia z innym serwerem, a przegladarka trzyma je w pamieci na rok (.htaccess); - kazda strona zapowiada je w (rel=preload), wiec pobieranie rusza od razu, zanim przegladarka przeczyta arkusz stylow; - Fraunces (krój naglowkow) ma font-display: block: jesli jeszcze nie doszedl, tekst czeka niewidoczny ulamek sekundy, zamiast pokazac sie cudzym krojem; DM Sans i JetBrains Mono maja swap z dopasowana czcionka zastepcza, wiec tekst jest od razu czytelny i przy podmianie nie skacze; - kursywa Fraunces jest, tak jak dotad, pochylana przez przegladarke (Google tez nie wysylal osobnego pliku kursywy), wiec wyglad sie nie zmienia; - czcionki zastepcze (" Fallback") maja proporcje dopasowane do oryginalow (size-adjust, ascent/descent) i zakres grubosci 100-900, wiec nigdy nie pogrubiaja sie same. Licencja krojow: SIL Open Font License 1.1 (fonts/LICENSE-OFL.txt). ========================================================================= */ /* ---- Fraunces ---- */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: block; src: url('/fonts/fraunces-latin.woff2') format('woff2'); 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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: block; src: url('/fonts/fraunces-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* ---- DM Sans ---- */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url('/fonts/dm-sans-latin.woff2') format('woff2'); 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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url('/fonts/dm-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* ---- JetBrains Mono ---- */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2'); 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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url('/fonts/jetbrains-mono-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* ---- Czcionki zastepcze o dopasowanych proporcjach ---- Liczone z szerokosci typowego polskiego tekstu i metryk pionowych: Times New Roman -> Fraunces, Arial -> DM Sans, Courier New -> JetBrains Mono. */ @font-face { font-family: 'Fraunces Fallback'; font-style: normal; font-weight: 100 900; src: local('Times New Roman'), local('TimesNewRomanPSMT'), local('Times'), local('Liberation Serif'); size-adjust: 92%; ascent-override: 106%; descent-override: 28%; line-gap-override: 0%; } @font-face { font-family: 'Fraunces Fallback'; font-style: italic; font-weight: 100 900; src: local('Times New Roman Italic'), local('TimesNewRomanPS-ItalicMT'), local('Times Italic'), local('Liberation Serif Italic'); size-adjust: 92%; ascent-override: 106%; descent-override: 28%; line-gap-override: 0%; } @font-face { font-family: 'DM Sans Fallback'; font-style: normal; font-weight: 100 1000; src: local('Arial'), local('ArialMT'), local('Helvetica'), local('Liberation Sans'); size-adjust: 98.75%; ascent-override: 100.46%; descent-override: 31.39%; line-gap-override: 0%; } @font-face { font-family: 'JetBrains Mono Fallback'; font-style: normal; font-weight: 100 800; src: local('Courier New'), local('CourierNewPSMT'), local('Liberation Mono'); size-adjust: 94.96%; ascent-override: 107.41%; descent-override: 31.59%; line-gap-override: 0%; }