Opis kursu:

Typografia w projektowaniu stron internetowych
W erze cyfrowej typografia musi działać zarówno na dużym monitorze 4K, jak i na małym ekranie smartfona. Fonty webowe i responsywność tekstu to nieodłączna część nowoczesnego projektowania.

Webfonty — jak działają?
Webfonty to pliki fontów ładowane bezpośrednio przez przeglądarkę. Dzięki nim strona może wyświetlać dowolny font, nawet jeśli nie jest zainstalowany na komputerze użytkownika.

Google Fonts — darmowe webfonty:
fonts.google.com oferuje setki fontów gotowych do użycia na stronach internetowych. Wystarczy skopiować kod HTML lub CSS i wkleić go do projektu. Wszystkie fonty są zoptymalizowane pod kątem szybkości ładowania i czytelności na ekranach.

Czytelność na ekranie — kluczowe zasady:
- Minimalna wielkość tekstu głównego: 16px
- Interlinia (line-height): 1.4–1.6 dla komfortowego czytania
- Szerokość kolumny: 55–75 znaków w wierszu (optymalnie 65)
- Kontrast: tekst musi być czytelny na tle. Standard WCAG: minimum 4.5:1

Responsywna typografia:
Rozmiary fontów powinny dostosowywać się do rozdzielczości ekranu. Tytuł 72px na desktopie będzie wyglądał nieproporcjonalnie na telefonie — powinien zmaleć do ok. 32–40px.

Sans-serif dla internetu:
W większości przypadków fonty bezszeryfowe (sans-serif) są lepsze dla tekstów internetowych — są czytelniejsze na niskich rozdzielczościach. Sprawdzone: Roboto, Open Sans, Nunito, Inter.