Knowledge base
Poradniki o fontach i webfontach
Praktyczne materiały o OpenType, WOFF2, subsettingu, CSS, wydajności i licencjach.
OpenType · Webfont
Jak sprawdzić polskie znaki w czcionce
kontrola znaków ą, ć, ę, ł, ń, ó, ś, ź i ż
OpenType · Webfont
TTF, OTF, WOFF i WOFF2 — najważniejsze różnice
dobór formatu do instalacji, druku i strony WWW
OpenType · Webfont
Jak przygotować font do strony internetowej
konwersja, subset, CSS i test wydajności
OpenType · Webfont
Jak wygenerować poprawne @font-face
źródła WOFF2, wagi, style i ścieżki
OpenType · Webfont
Jak działa font-display
swap, fallback, optional i wpływ na UX
OpenType · Webfont
Jak zmniejszyć rozmiar fontu
kompresja WOFF2 i usuwanie nieużywanych znaków
OpenType · Webfont
Czym jest subset fontu
bezpieczne ograniczanie zestawu glifów
OpenType · Webfont
Jak utworzyć subset tylko z używanych znaków
wyodrębnianie tekstu i zachowanie funkcji układu
OpenType · Webfont
Jak przygotować polski subset fontu
polskie litery, interpunkcja i cudzysłowy
OpenType · Webfont
Jak sprawdzić licencję fontu
metadane, dokument licencyjny i warunki webfont
OpenType · Webfont
Co oznacza fsType w foncie
techniczne flagi osadzania i ich ograniczenia
OpenType · Webfont
Jak rozpoznać font zmienny
tabele fvar, STAT i osie wariacji
OpenType · Webfont
Jak używać osi wght
zakresy grubości i poprawny CSS
OpenType · Webfont
Jak używać osi wdth
szerokość pisma bez sztucznego skalowania
OpenType · Webfont
Jak używać font-variation-settings
standardowe i niestandardowe osie w CSS
OpenType · Webfont
Jak testować ligatury w foncie
liga, dlig, clig i porównanie kształtowania
OpenType · Webfont
Czym jest kerning i jak go sprawdzić
pary liter, GPOS i czytelność tekstu
OpenType · Webfont
GPOS i GSUB w prostych słowach
pozycjonowanie, podstawienia i funkcje OpenType
OpenType · Webfont
Jak sprawdzić funkcje OpenType
tagi funkcji, skrypty i praktyczny podgląd
OpenType · Webfont
Jak sprawdzić prawdziwe small caps
smcp, c2sc i różnica względem skalowania
OpenType · Webfont
Cyfry tabelaryczne i proporcjonalne
tnum, pnum oraz zastosowanie w tabelach
OpenType · Webfont
Jak rzetelnie porównać dwie czcionki
wspólny tekst, rozmiar optyczny i metryki
OpenType · Webfont
Jak dobrać font do długiego tekstu
czytelność, rytm, szerokość i języki
OpenType · Webfont
Jak sprawdzić, czy font jest monospace
metryki znaków i deklaracja fixed pitch
OpenType · Webfont
Jak czytać metryki fontu
units per em, x-height, cap height i szerokości
OpenType · Webfont
Ascender, descender i line gap
pionowe metryki i odstępy między wierszami
OpenType · Webfont
Jak ograniczyć przesunięcie układu po załadowaniu fontu
fallback, size-adjust i metryki zastępcze
OpenType · Webfont
Kiedy stosować preload fontów
priorytety zasobów i unikanie nadmiarowych preloadów
OpenType · Webfont
Jak działa unicode-range w @font-face
podział fontu według języków i zakresów
OpenType · Webfont
Jak sprawdzić font wielojęzyczny
pokrycie znaków, lokalizowane formy i shaping
OpenType · Webfont
Czym są glify bez przypisanego Unicode
alternatywy, ligatury i prywatny obszar
OpenType · Webfont
Jak zrobić próbnik czcionki
alfabet, akapity, cyfry i funkcje typograficzne
OpenType · Webfont
Jak analizować wiele fontów jednocześnie
duplikaty, wersje i spójność rodziny
OpenType · Webfont
Dlaczego font nie działa w przeglądarce
CORS, MIME, ścieżki, format i błędy CSS
OpenType · Webfont
Najczęstsze błędy przy wdrażaniu webfontów
nazwy rodzin, wagi, cache i niepotrzebne pliki
OpenType · Webfont
Czy można konwertować zakupioną czcionkę
zakres licencji, modyfikacja i publikacja
OpenType · Webfont
Jak działają fonty kolorowe
COLR, CPAL, SVG i bitmapowe formaty
OpenType · Webfont
CFF a kontury TrueType
różnice konturów i bezpieczna kompresja webfont
OpenType · Webfont
Jak zoptymalizować rodzinę wielu wag
wybór potrzebnych odmian i font zmienny
OpenType · Webfont
Jak bezpiecznie przechowywać pliki fontów
kopie, licencje, wersje i dostęp zespołu