Variable fonts přinesly do webové typografie zásadní inovace. Ale buzzwordů vás ušetříme, pojďme na ně prakticky.

Variabilní fonty? Technologie, která pomůže ušetřit spoustu dat, ale i práce vývojářů. I o tom na webináři bude řeč.

My však téma vezmeme prakticky, jak je u školení ze Vzhůru dolů zvykem. Podíváme se, odkud variable fonts vzít, jak je nasadit, jak optimalizovat a na co si dát pozor.

Michalův webinář je informačně opravdu nahuštěný, takže si leccos odnesou i zkušenější.

Ukázka z videa

Michal v ukázce prezentuje, o čem bude webinář a pak představuje jeden z důvodů, proč jsou variabilní fonty výhodné i pro designéry.

Obsah videa

  1. Co je to variabilní font?
  2. Podpora, použití a fallback
  3. Různé možnosti použití pomocí @font-face
  4. Zdroje fontů a praktické nasazení
  5. Novinky v CSS Fonts API
  6. Vlastnost font-variation-settings
  7. Nástroje pro zkoumání fontů
  8. Optimalizace
  9. Příklady použití
  10. Dotazy

Je to pro mě?

Pokročilí

Kurz je určený primárně profesionálním webovým vývojářům a vývojářkám, kteří chtějí zlepšovat rychlost svých webů. Měli byste znát základy vkládání fontů do stránek a mít zkušenosti s Google Fonts.

Michal Matuška

Lektor: Michal Matuška

Michal je zkušený frontendový vývojář, který svými praktickými znalostmi pokrývá i hodně skrytá zákoutí CSS, JavaScriptu nebo SVG. Michal spoluzaložil brněnské SUPERKODERS, jejichž je technickým šéfem. Ve firmě se podílí na vývoji frontendu pro velké české firmy.

Více o lektorovi

Průměrné hodnocení 4,92 z 5 hvězdiček.
Na základě 24 hodnocení od 94 účastníků.

Teoretický začátek vystřídaly praktické ukázky a celkový dojem z webináře hodnotím přínosně.

Tomáš Plecháč, Lundegaard – 10. listopadu 2020

Je neuvěřitelné, co dokáže Michal nacpat do hodiny webináře, stále mluvit k věci a ukázat vychytávky které ulehčí práci.

Daniel Střelec – 10. listopadu 2020

Zase perfektní školení, které proběhlo rychle a nadupané informacemi.

Jakub Muller – 29. září 2020