Co je to za Font? Kompletní průvodce, jak zjistit typ písma (fontu) z webu i obrázku
Úvod: Záhada jménem "font"
Každý, kdo někdy pracoval s grafikou, webem nebo jen obdivoval krásný design, narazil na stejnou otázku: "Co je to za font?" Identifikace konkrétního písma je klíčová pro dodržení firemní identity, kopírování úspěšného designu nebo prostě jen pro uspokojení zvědavosti.
V tomto podrobném průvodci se ponoříme do světa typografie, vysvětlíme si, co je to font, a představíme ty nejlepší metody a nástroje, jak jakýkoliv typ písma snadno a rychle odhalit.
1. Co je to vlastně font? (A jak se liší od písma?)
Nejprve si ujasněme terminologii, protože se často zaměňuje.
Písmo (Typeface)
Písmo je designový návrh sady znaků. Je to abstraktní vizuální podoba. Příklad: Times New Roman, Arial, Helvetica.
Font
Font je soubor (software), který obsahuje specifickou sadu znaků, jejich řez a velikost. Příklad: Helvetica Bold, velikost 12pt.
Zjednodušeně: Písmo je rodina (např. Calibri), font je konkrétní člen rodiny (např. Calibri Bold Italic). V digitálním světě se však pojmy často používají zaměnitelně, a když se ptáme "co je to za font?", obvykle myslíme "jaké je to písmo?".
2. Jak zjistit typ písma na webové stránce (Nejrychlejší metody)
Pokud vidíte úchvatné písmo přímo na webové stránce, je to ta nejjednodušší situace. Font je totiž definován v kódu (CSS).
Metoda A: Použití Nástrojů pro Vývojáře (DevTools)
Toto je nejpřesnější a nejrychlejší metoda, dostupná v každém moderním prohlížeči (Chrome, Firefox, Edge).
-
Označte text: Klikněte pravým tlačítkem myši na text, jehož font chcete zjistit.
-
Zvolte "Prozkoumat" (Inspect/Inspect Element): Otevře se okno s vývojářskými nástroji.
-
Záložka "Styly" nebo "Computed": V pravé části okna, kde vidíte CSS styly, najděte sekci
font-family(Styly) nebo se přepněte na kartu Computed (Vypočítané). -
Identifikace: Zde okamžitě uvidíte, jaké písmo je použito (např.
font-family: 'Montserrat', sans-serif;).
Metoda B: Rozšíření Prohlížeče (Nejjednodušší)
Pro ty, kteří nechtějí studovat kód, existují rozšíření, která provedou analýzu za vás:
-
WhatFont: Jedno z nejoblíbenějších rozšíření. Stačí kliknout na ikonku a následně najet kurzorem na libovolný text na stránce. Okamžitě se zobrazí název fontu, jeho velikost, řez a barva.
3. Jak zjistit typ písma z obrázku (Nejčastější problém)
Pokud máte obrázek, fotografii, logo nebo screenshot, kde je písmo zobrazeno, nemůžete použít výše uvedené metody. Naštěstí existují speciální nástroje založené na vizuální analýze.
Nástroj č. 1: WhatTheFont (od MyFonts)
Jedná se o zlatý standard v online identifikaci fontů z obrázků.
-
Připravte obrázek: Nahrajte obrázek na web WhatTheFont (nebo do jejich mobilní aplikace). Písmo by mělo být co nejvíce vodorovné a dobře čitelné.
-
Označte znaky: Nástroj se vás zeptá, abyste ověřili jednotlivé znaky (např. označte písmeno "A", písmeno "T").
-
Výsledky: Nástroj prohledá obrovskou databázi a nabídne vám seznam nejpravděpodobnějších shod s možností rovnou font zakoupit, nebo vám ukáže podobné (zdarma či placené) alternativy.
Nástroj č. 2: Font Squirrel Matcherator
Alternativa k WhatTheFont, která je užitečná, pokud je písmo na obrázku zkosené, deformované nebo má neobvyklé efekty.
Nástroj č. 3: Identifont
Tento nástroj funguje jako průvodce otázkami. Pokud selže vizuální rozpoznávání, Identifont se vás zeptá na specifické rysy písma (např. "Má velké písmeno 'A' vodorovnou čárku, nebo je šikmá?"). Na základě vašich odpovědí zúží výběr.
4. Dodatečné metody a tipy pro úspěch
Tip A: Použijte Google Lens (Mobilní a Rychlá Metoda)
Pokud máte písmo na papíře, v časopise nebo jako neuložený obrázek:
-
Vyfoťte to.
-
Otevřete aplikaci Google Lens (nebo přímo v aplikaci Fotky).
-
Zvolte režim "Text". Google Lens často dokáže text rozpoznat a přiřadit mu nejpodobnější (nebo přesný) font, který má ve své databázi.
Tip B: Rozlište Serif, Sans-serif a Script
Znalost základních kategorií vám pomůže zúžit hledání:
-
Serif (Patkové): Písma s malými zakončeními (patkami) na koncích tahů (např. Times New Roman). Vypadají tradičně a elegantně.
-
Sans-serif (Bezpatkové): Písma bez patek (např. Arial, Roboto). Působí moderně, čistě a jsou ideální pro digitální obrazovky.
-
Script/Display (Dekorativní/Psací): Písma, která imitují rukopis nebo mají velmi výrazný, dekorativní charakter.
Tip C: Využijte Fóra a Komunitu
Pokud všechny nástroje selžou, obraťte se na komunitu. Existují specializovaná fóra a skupiny na Redditu (např. r/identifythisfont), kde vám typografičtí nadšenci rádi pomohou s identifikací i toho nejobtížnějšího fontu.
Závěr
Odhalení jména neznámého fontu už není frustrující detektivní práce. Díky moderním nástrojům a rozšířením prohlížečů můžete typ písma zjistit během několika sekund, ať už se jedná o kód na webu nebo grafický návrh na obrázku.
Ať už hledáte font pro inspiraci, firemní použití, nebo jen pro zajímavost – šťastné hledání!