WhatFont
WhatFont je bezplatné rozšíření do prohlížeče, které po najetí myší na text ukáže font, velikost, tloušťku a barvu.
Ověřeno 18. 10. 2026 · Připravil Ruslan Skopal
WhatFont v kostce
- Co to je
- Rozšíření do prohlížeče. Najedeš myší na text a vidíš font, velikost, tloušťku a barvu.
- Vhodné pro
- Každý e-shop, který chce zkontrolovat velikost písma
- Cena
- Zdarma, bez tarifů a bez registrace.
- Prohlížeče
- Chrome a prohlížeče na stejném základu (Edge, Arc, Brave), Safari na Macu, iPhonu a iPadu, ostatní přes záložku v oblíbených (bookmarklet).
- Uživatelé
- Podle Chrome Web Store 3 000 000 uživatelů, hodnocení 3,8 z 5 (2,1 tisíce hodnocení).
- Poslední verze
- 3.3.0 z 12. 10. 2026.
- Oprávnění
- Podle manifestu rozšíření (jeho technického popisu, 18. 10. 2026) se ke stránce dostane, jen když klikneš na jeho tlačítko. Trvalý přístup ke všem webům nemá.
- Moje laťka
- Nic pod 13 px (pixelů), běžný text 16 px.
- Náročnost nasazení
- Nainstaluješ sám z Chrome Web Store nebo App Store, do e-shopu nesaháš
- Čeština a podpora
- Rozhraní jen anglicky, ovládání na pár kliknutí
Co to je a co umí
WhatFont je rozšíření do prohlížeče. Vyvíjí ho samostatný vývojář Chengyin Liu. Klikneš na jeho tlačítko v liště, najedeš myší na text a vidíš font (název písma), velikost, tloušťku a barvu. Kliknutím detaily připneš. Od verze 3.3.0 ukáže i výšku řádku, mezery mezi písmeny, odkud font pochází a HTML prvek (značku v kódu stránky).
- Font, velikost, tloušťka a barva textu po najetí myší, kliknutím se detaily připnou
- Panel detailů: skutečný název fontu, odkud font pochází, mezery mezi písmeny, výška řádku v px a HTML prvek
- Klik na hodnotu ji zkopíruje. Zkopírovat jde i celý zápis stylu prvku (CSS)
- Barva v několika formátech
- Na souborech v počítači funguje, když mu v Chromu povolíš přístup k souborům
- V Safari na iPhonu a iPadu bez výběru textu vypíše fonty na stránce od nejpoužívanějšího
„Pixelově je to 14. Kluci, dejte 16 a vyřešíte všechno.“
Jak s tím pracuju v praxi
Jak WhatFont používám
- 1Otevřu e-shop v Chromu, kliknu na WhatFont v liště a proklikám prvky. U každého hned vidím, co je to za písmo a jak je velké.
- 2Začínám v košíku a na detailu produktu. Právě tam jsem naměřil malé písmo: v košíku 12 i 11 px, v detailním popisu produktu 11 px.
- 3Když text neprojde kontrastem, změřím i velikost písma. Malé písmo se na každé obrazovce vykresluje trošku jinak, protože text není nic jiného než pixely.
- 4Odkaz na WhatFont pošlu majiteli i jeho programátorovi, ať si velikosti zkontrolují sami.
Jakou velikost písma chci
- Nic pod 13 px, běžný text 16 px. Výjimky existují, ale pro e-shop to zjednoduším takhle.
- Písmo 12 px na e-shopu být nesmí, 11 px je ještě horší.
- Mám tři čtvrtě dioptrie na jednom oku. Písmo 11 a 12 px v košíku skoro nepřečtu, i když sedím u počítače.
Malé písmo a kontrast spolu
- Na jednom e-shopu byl zelený text na bílém pozadí. Kontrast vyšel 2,8:1 a 3,5:1. Já chci aspoň 5:1.
- WhatFont ukázal 14 px. Na otázku, jestli stačí zelenou nechat a písmo zvětšit, jsem řekl ano: dejte 16 px.
- Zelená se na konverzní cestu hodí. U malého písma se ale pixely rozpadnou a text vypadá divně.
Co s nálezem udělat
- Nech někoho projít celý web a označit všechna místa, kde je písmo pod hranicí.
- U dodavatele šablony nebo programátora zjisti, jak se velikost písma nastavuje.
- Jednomu klientovi jsem radil, ať mu AI asistent Claude dělá denní report velikosti písma a kontrastu. Pravidlo: minimálně 13 px. AI ti řekne, že to není vždycky nutné. Má pravdu, ale stejně chci 13 px a víc.
Z MasterMindů ESHOP BOOSTER 18. 12. 2025 a 20. 7. 2026 a z konzultací 2. 4. 2026 a 16. 7. 2026.
Jak začít krok za krokem
- 1Otevři WhatFont v Chrome Web Store a klikni na Přidat do Chromu (Add to Chrome). Pro Safari stáhni aplikaci WhatFont z App Store.
- 2Připni si ikonu rozšíření do lišty prohlížeče, ať ji máš po ruce.
- 3Otevři svůj e-shop, klikni na ikonu WhatFont a najížděj myší na texty. U každého vidíš font a velikost.
- 4Kliknutím na text si detaily připneš. Klik na hodnotu ji zkopíruje.
- 5Ukončíš ho klávesou Esc nebo tlačítkem Exit WhatFont.
Pro koho se hodí
Pro každého, kdo chce rychle zjistit, jak velké písmo má jeho e-shop: majitel, copywriter, grafik, programátor. Nic nenastavuješ a do e-shopu nesaháš.
Pro koho spíš ne
Kontrast neměří (na kontrast použij Color.review). V Chromu měříš prvek po prvku. Čte jen text na stránce, ne obrázek nebo banner.
Kdy to nasadit
Já ho beru hlavně při kontrole košíku a detailu produktu a u textu, který neprošel kontrastem. Malé písmo čitelnost zhorší ještě víc.
Cena
Zdarma, bez tarifů a bez registrace. Platí pro rozšíření do Chromu i pro aplikace pro Mac, iPhone a iPad v App Store.
- Jediný: zdarmaRozšíření do Chromu i aplikace pro Safari na Macu, iPhonu a iPadu.
Ceník ověřen 18. 10. 2026, aktuální ceny u výrobce
Integrace a napojení
Do e-shopu se neinstaluje, běží v prohlížeči nad jakoukoli stránkou. Na Shoptetu, Upgates, Eshop-rychle, Shopify i WooCommerce funguje stejně. Rozšíření do Chromu jde přes Chrome Web Store i do Edge, Arc a Brave. Pro Safari je aplikace v App Store. Ostatní prohlížeče mají záložku v oblíbených (bookmarklet), kterou ale některé weby blokují.
Na co si dát pozor
- Kontrast neměří. Barvu textu a pozadí si přenes do nástroje na kontrast, třeba Color.review nebo Contrast Ratio.
- Ukazuje velikost tak, jak ji prohlížeč vykreslil na tvé obrazovce. Mobil a počítač zkontroluj zvlášť.
- Vydává ho samostatný vývojář, v Chrome Web Store vedený jako Non-trader (nejedná jako obchodník). Podle Chrome Web Store se na vztah s ním nevztahují spotřebitelská práva EU.
- Že nesbírá data, je prohlášení vývojáře v Chrome Web Store. Oprávnění rozšíření tomu odpovídají: na stránku se dostane, jen když ho spustíš.
Srovnání s alternativami
- WhatFontTento nástroj
- Cena
- Zdarma
- Odkud čte písmo
- V Chromu z prvku na stránce po najetí myší, na iPhonu a iPadu i seznam fontů stránky
- Co umí navíc
- Kopírování CSS, verze pro Safari i pro iPhone a iPad
- Chrome DevTools
- Cena
- Součást Chromu
- Odkud čte písmo
- Z celé stránky najednou (CSS Overview)
- Co umí navíc
- Kontrast, audit přístupnosti (Lighthouse)
- Fonts Ninja
- Cena
- Rozšíření zdarma, fonty se kupují zvlášť
- Odkud čte písmo
- Z prvku na stránce po najetí myší
- Co umí navíc
- Slévárna, cena fontu, podobné fonty
- Font Finder
- Cena
- Zdarma
- Odkud čte písmo
- Z označeného textu přes pravý klik
- Co umí navíc
- České rozhraní, barva pozadí, úprava písma na stránce
- Fontanello
- Cena
- Zdarma
- Odkud čte písmo
- Z textu přes pravý klik
- Co umí navíc
- Kontrast vybraného textu
- CSS Peeper
- Cena
- Základ zdarma, Professional od 2,49 USD měsíčně při roční platbě (v akci, jinak 2,99 USD)
- Odkud čte písmo
- Z prvku na stránce
- Co umí navíc
- Barvy webu, export obrázků, pokročilá kontrola kontrastu placená
- WhatTheFont
- Cena
- Aplikace pro iOS zdarma, cenu webové verze výrobce neuvádí
- Odkud čte písmo
- Z obrázku nebo fotky
- Co umí navíc
- Shody s fonty z MyFonts
- WhatFontIs
- Cena
- 5 rozpoznání denně zdarma, PRO 49,99 USD ročně (podle ceníku z 18. 10. 2026)
- Odkud čte písmo
- Z obrázku i ze stránky
- Co umí navíc
- Podobné bezplatné i komerční fonty
Ceny a limity z ceníků výrobců a z Chrome Web Store, ověřeno 18. 10. 2026.
Alternativy a v čem se liší
- Chrome DevTools
Součást Chromu, nic se neinstaluje. Panel CSS Overview vypíše všechny fonty a velikosti písma na stránce najednou, takže rychle najdeš každé místo pod 13 px. Rozhraní je podle mě spíš pro vývojáře.
- Fonts Ninja
Rozšíření zdarma, navíc ukáže slévárnu (firmu, která font vydává) a cenu fontu a najde podobné fonty. Podle prohlášení v Chrome Web Store zpracovává osobní údaje a polohu. Je i pro Firefox a Safari.
- Font Finder
Zdarma a s českým rozhraním. Ukáže i barvu pozadí a písmo umí upravit přímo na stránce. Ovládá se pravým klikem na označený text.
- Fontanello
Zdarma, po pravém kliku ukáže písmo a k tomu kontrast vybraného textu. Naposledy aktualizovaný 22. 4. 2024.
- CSS Peeper
Kromě písma i barvy celé stránky a stažení obrázků. Pokročilá kontrola kontrastu (Contrast issues scanner) je placená, Professional od 2,49 USD měsíčně při roční platbě (v akci, jinak 2,99 USD). V Chrome Web Store má hodnocení 2,6 z 5.
- WhatTheFont
Služba MyFonts, která písmo rozpozná z nahraného obrázku nebo fotky, třeba z banneru. Velikost v px výrobce neuvádí, rozpoznává písmo z obrázku. Aplikace pro iOS je zdarma.
- WhatFontIs
Rozpozná font z obrázku i na webu a nabídne podobné bezplatné a komerční fonty. Zdarma jen 5 rozpoznání denně s reklamou, PRO za 49,99 USD ročně (podle ceníku z 18. 10. 2026).
Časté otázky
Je WhatFont zdarma?
Ano. Rozšíření do Chromu i aplikace pro Mac, iPhone a iPad jsou zdarma, bez tarifů a bez registrace.
V jakých prohlížečích funguje?
V Chromu a v prohlížečích na stejném základu (Edge, Arc, Brave) přes Chrome Web Store, v Safari na Macu, iPhonu a iPadu přes aplikaci z App Store. Ostatní prohlížeče mají záložku v oblíbených (bookmarklet), kterou některé weby blokují.
Funguje ve Firefoxu?
Oficiální verzi autor pro Firefox nevydává. V doplňcích Firefoxu je WhatFont od jiného autora, naposledy aktualizovaný 19. 4. 2019.
Co WhatFont na stránkách čte a je bezpečný?
Podle manifestu rozšíření (18. 10. 2026) má tři oprávnění: activeTab (přístup k otevřené kartě, jen když rozšíření spustíš), scripting (spuštění vlastního kódu na té stránce) a storage (ukládání dat rozšíření v prohlížeči). Ke stránce se tak dostane jen po kliknutí na jeho tlačítko a jen dokud na ní zůstaneš. Vývojář v Chrome Web Store prohlašuje, že data nesbírá ani nepoužívá.
Je WhatFont postavený na standardu Manifest V3?
Ano. Manifest V3 je podle dokumentace Chromu nejnovější verze platformy pro rozšíření. Aktuální verze WhatFontu 3.3.0 z 12. 10. 2026 je na ní podle manifestu rozšíření (18. 10. 2026) postavená.
Změří i kontrast barev?
WhatFont kontrast v popisu funkcí neuvádí, ukáže barvu textu. Na kontrast použij Color.review nebo Contrast Ratio, kam zadáš barvu textu a pozadí.
Jak velké písmo má mít e-shop?
Moje laťka: nic pod 13 px, běžný text 16 px. Stejných 16 px pro základní text uvádí jako minimum i nápověda Shopify k přístupnosti šablon.
Jak zjistím všechny velikosti písma na stránce najednou?
V Chromu měří WhatFont prvek po prvku. Aplikace pro iPhone a iPad bez výběru textu vypíše fonty na stránce. Přehled celé stránky v Chromu dají Chrome DevTools (nástroje pro vývojáře): v panelu CSS Overview vypíše sekce Font info všechny fonty seskupené podle velikosti, tloušťky a výšky řádku.
Kde velikost písma na e-shopu změním?
Na Shoptetu vybereš písmo šablony v Návrháři šablon (sekce Nastavení). Velikost písma nápověda Návrháře neuvádí, zeptej se dodavatele šablony nebo programátora. Na Eshop-rychle nastavíš velikost vloženého textu v textovém editoru. Na šablonách 4.0 se zadává v jednotkách rem (1 rem je výchozí velikost písma stránky), na starších v px. Na Shopify ji změníš v Theme settings, části Typography, posuvníkem od 100 do 150 %.
Proč WhatFont na některé stránce nejde spustit?
V Chrome Web Store a na interních stránkách prohlížeče rozšíření běžet nesmí, verze 3.3.0 to sama vypíše. Na souborech v počítači funguje, jen když mu v nastavení Chromu povolíš přístup k souborům.
Jak WhatFont vypnu?
Klávesou Esc nebo tlačítkem Exit WhatFont.
Nevíš, jestli je tenhle nástroj pro tebe?
Nástroj je jen nástroj. V programu ESHOP BOOSTER spolu projdeme, které nástroje se tvému e-shopu vyplatí, kde ušetříš a kde platíš zbytečně.
Zdroje
- WhatFont: web autora, prohlížeče a cena
- WhatFont v Chrome Web Store: verze, uživatelé, hodnocení, soukromí
- WhatFont: podpora pro iPhone a iPad
- WhatFont pro Safari: zásady soukromí
- WhatFont pro Mac v App Store
- WhatFont pro iPhone a iPad v App Store
- Chrome pro vývojáře: oprávnění activeTab
- Chrome pro vývojáře: co je Manifest V3
- Chrome DevTools: CSS Overview a Font info
- WhatFont od jiného autora v doplňcích Firefoxu
- Nápověda Shoptetu: Návrhář šablon
- Nápověda Eshop-rychle: textový editor a velikost písma
- Nápověda Shopify: přístupnost šablon
- Nápověda Shopify: nastavení šablony, Typography
Kam dál?
Tohle by tě mohlo také zajímat.
Reálné výsledky klientů
Po 8 měsících spolupráce jsme dokázali zvýšit marži po marketingových nákladech o 53 % a konverzní poměr o 64 %.
Pavel Ronovsky · Majitel, Fanda-NHL.cz
Po 3 měsících spolupráce jsme zvýšili meziroční růst obratu o 95 %. Díky přetendrování cen přepravy jsme snížili roční náklad na přepravu o 2,3 mil. Kč. Díky načerpání know-how jsme firmu posunuli minimálně o 2 roky.
Karol Piry · Majitel, SpinKids.cz
Po 5 měsících spolupráce se optimalizací marketingových nákladů zvýšil zisk o 59 %. Meziročně jsme díky zavedení marketingového plánu realizovali okamžitý růst o 37 %.
Nicole Váchová · Majitelka, francobene.cz
Co říkají klienti
„Spolupráce s Ruslanem mi přinesla především komplexní nadhled nad podnikáním z pohledu manažera malé firmy. Pomohl mi lépe si stanovovat priority a soustředit se na to, co má pro firmu…“Číst celé →
„Mentoring s Ruslanem mi pomohl dívat se na e-commerce strategičtěji a hlavně více datově. Dokáže velmi rychle pochopit podstatu problému, oddělit důležité věci od zbytečného šumu a zaměřit…“Číst celé →
„Senzační věc na ESHOP BOOSTERu je, že vytváří komunitu nadšených e-shopařů a je schopný na jedné platformě sloučit, začínající e-shopaře s lidmi, kteří se v e-commerce byznysu pohybují…“Číst celé →
Ruslan Skopal
Jsem ex-CEO a spoluzakladatel Trenýrkárna.cz, kterou jsem za 17 let dostal z nuly na tržby atakující 300 mil. Kč. Spoluzaložil jsem polygrafickou agenturu Tisk Kvalitně a digitální agenturu PromoGEN. Dnes předávám své know-how dalším e-shopařům v projektu ESHOP BOOSTER, který jsem založil s Danem Višňákem. Jsem také spoluzakladatelem projektu PodporujiČesko.cz, Skopea Labs a investorem v naBOSo.cz.