Při nastavování e-shopu na Shoptetu budete muset vybrat fonty neboli druhy písma pro nadpisy a odstavce. Zvolený font má velký podíl na tom, jak zákazníci budou vnímat vaši značku. V tomto článku vám představím všech 16 shoptetích fontů a poradím, jak si vybrat ten pravý pro váš e-shop.
Kde se v Shoptetu nastavují fonty?
V administraci vašeho nového e-shopu klikněte na Vzhled a obsah > Editor. Zobrazí se vám okno, ve kterém nastavujete druh písma pro nadpisy a pro odstavce - viz obrázek níže.
Podívejte se na seznam nabízených fontů na obrázku výše - jak vidíte, Shoptet vám neukáže rovnou, jak daný font vypadá, dokud si ho nezvolíte pro svůj e-shop. Abyste se nemuseli proklikávat font za fontem, připravila jsem tento seznam fontů včetně toho, jak vypadají jako nadpis a odstavec.
Seznam všech fontů písma v Shoptetu a jejich vzhled
1. Exo 2: Moderní geometrie ve vašich nadpisech
Exo 2 je skvělý pro ty, kteří chtějí nadpisy s moderním a futuristickým nádechem. Tento font má čisté, ostré linie, které vynikají zejména u nadpisů. V textu zůstává Exo 2 čitelný, ale stále si uchovává svou dynamiku. Kombinace tohoto fontu mezi nadpisy a textem může dodat e-shopu technologický a inovativní vzhled.
2. Mulish: Elegantní jednoduchost pro nadpisy i text
Mulish je ideální pro ty, kdo chtějí čisté a jednoduché nadpisy. Tento bezpatkový font působí elegantně a profesionálně. V těle textu zůstává snadno čitelný a přehledný. Mulish je perfektní volbou pro moderní e-shopy, které preferují minimalistický design.
3. Noto Sans: Maximální čitelnost i na mobilech
Noto Sans je bezpatkový font, který byl navržen s ohledem na maximální čitelnost nadpisů i odstavců. V nadpisech je dostatečně výrazný, aby zaujal, a v textu zůstává přehledný i na menších obrazovkách. Tento font je skvělý pro e-shopy, které se zaměřují na globální publikum.
4. Noto Serif: Klasická elegance pro nadpisy a text
Noto Serif přináší do nadpisů nádech tradice a elegance. Patky dodávají textům profesionální vzhled, ideální pro e-shopy s formálnějším stylem. V textu je tento font pohodlně čitelný a skvěle se hodí k delším popisům produktů či článkům.
5. Nunito: Přívětivé nadpisy s měkkým nádechem
Nunito je zaoblený a přátelský font, který v nadpisech působí velmi přístupně. Pro texty je dostatečně jemný a pohodlný na čtení, což ho činí ideálním pro e-shopy, které chtějí působit neformálně a přívětivě.
6. Open Sans: Univerzální nadpisy s čistým vzhledem
Open Sans je jedním z nejoblíbenějších fontů díky své univerzálnosti. V nadpisech vypadá profesionálně a v textu zajišťuje vysokou čitelnost. Open Sans je skvělou volbou pro jakýkoliv e-shop, který hledá rovnováhu mezi stylem a funkcí.
7. Poppins: Výrazné nadpisy pro moderní design
Poppins přináší do nadpisů moderní geometrický vzhled, který okamžitě zaujme. Je široký a výrazný, což z něj činí perfektní volbu pro nadpisy. V těle textu se díky své šířce stává snadno čitelným a přehledným.
8. PT Sans: Klasika pro moderní nadpisy
PT Sans je klasický bezpatkový font, který v nadpisech působí čistě a jednoduše. Jeho čitelnost v textu ho činí oblíbeným mezi e-shopy, které se zaměřují na minimalistický vzhled a funkčnost.
9. PT Serif: Profesionální nadpisy pro důvěryhodný vzhled
PT Serif je skvělou volbou pro nadpisy, které potřebují vypadat profesionálně a seriózně. Jeho patky dodávají textu klasický vzhled, ideální pro e-shopy, které chtějí vzbudit důvěru u zákazníků. Texty napsané tímto fontem působí elegantně a strukturovaně.
10. Raleway: Jemné nadpisy s nádechem luxusu
Raleway je tenký a elegantní font, který dodá nadpisům lehkost a sofistikovanost. Je skvělý pro luxusnější e-shopy nebo produkty. V textu vypadá jemně, ale zůstává čitelný a dodává značce stylový nádech.
11. Roboto: Moderní a čitelný font pro každý e-shop
Roboto je moderní a čistý font, který v nadpisech působí velmi výrazně a přehledně. V textu zůstává pohodlně čitelný i při delším čtení, což z něj činí ideální volbu pro e-shopy s širší nabídkou produktů.
12. Roboto Slab: Robustní nadpisy s moderní klasikou
Roboto Slab kombinuje robustní patkový design s moderním vzhledem. Nadpisy vytvořené tímto fontem jsou výrazné a působí seriózně, ale zároveň moderně. V těle textu zůstává tento font přehledný a čitelný.
13. Source Sans 3: Funkční a přehledné nadpisy
Source Sans 3 je bezpatkový font, který klade důraz na jednoduchost a funkčnost. V nadpisech působí čistě a minimalisticky, zatímco v textu zůstává dobře čitelný i na menších obrazovkách.
14. Source Serif 4: Elegantní nadpisy pro důvěryhodnost
Source Serif 4 je patkový font, který dodává nadpisům vážnost a eleganci. Tento font je ideální pro e-shopy, které chtějí působit seriózně a profesionálně. Texty v Source Serif 4 mají přirozenou strukturu a čitelnost.
15. Ubuntu: Dynamické nadpisy pro inovativní značky
Ubuntu přináší do nadpisů moderní a dynamický vzhled. Tento font je inspirovaný technologickým světem a hodí se pro inovativní a technicky orientované e-shopy. V textu působí moderně a svěže.
16. Sans-serif: Klasická volba pro jednoduché nadpisy a texty
Sans-serif je klasický bezpatkový font, který je skvělou volbou pro čisté, jednoduché nadpisy. Tento font působí neutrálně a je velmi čitelný v jakémkoliv formátu. V těle textu vypadá decentně a univerzálně. („sans-serif“ není výběr konkrétního fontu, ale použití obecného bezpatkového písma, které je nainstalované na zařízení návštěvníka (např. Arial, Verdana,apod.).
Tipy na výběr fontu pro váš e-shop
- Vyberte font, který odráží vaši značku – Například luxusní zboží si žádá elegantní fonty jako Raleway nebo PT Serif, zatímco moderní technologické produkty se hodí pro Roboto nebo Ubuntu.
- Kombinujte fonty pro nadpisy a texty – Můžete zvolit odlišný font pro nadpisy a jiný pro text, abyste dosáhli kontrastu a dynamiky. Například kombinace patkového fontu v nadpisech (PT Serif) a bezpatkového fontu v textu (Noto Sans) může být ideální.
- Čitelnost je klíčová – Fonty jako Open Sans, Noto Sans a Roboto zajišťují vysokou čitelnost, ať už jde o nadpisy nebo hlavní texty. Dbejte na čitelnost zejména na menších obrazovkách.
- Barva písma je důležitá – Pro maximální kontrast volte tmavé fonty na světlém pozadí. Černá nebo tmavě šedá jsou osvědčené možnosti pro písmo.
- Struktura textu je zásadní – Rozdělujte text na kratší úseky a používejte nadpisy, aby byl e-shop přehledný. Nadpisy by měly být výrazné a lákavé, aby okamžitě zaujaly zákazníky.
Výběr správného fontu má vliv na to, jak budou zákazníci vnímat váš e-shop. Ujistěte se, že jste zvolili font, který odpovídá povaze vaší značky, je čitelný a snadno přizpůsobitelný na různých zařízeních.
Co když si z nabízených fontů nevyberete?
Shoptet skutečně má velmi omezenou nabídku fontů a často i mí klienti chtějí font, který je odliší od stovky ostatních e-shopů. Pokud je toto i váš případ, zde je osvědčený postup.
- Vybírejte z tzv. Google fontů.
- Najděte si kodéra, který vám font do vašeho shoptetího e-shopu vloží. Pokud žádného neznáte, napište mi, mám jich již pár ověřených.
- Při výběru fontů určitě dbejte na skvělou čitelnost na mobilu. Svůj e-shop budete spravovat na stolním počítači nebo notebooku, což způsobí to, že zapomenete na fakt, že většina lidí vám na e-shop bude chodit z mobilu. Proto vždy v první řadě myslete na to, jak vše bude viditelné a čitelné právě na mobilních zařízeních.
Nepotřebujete možná nejdříve vizuální identitu?
Vizuální identita propůjčí vašemu e-shopu promyšlený vzhled a vám ušetří mozkové buňky. Jedná se o soubor, ve kterém brandový designér definuje logo, základní barvy, fonty, vizuální prvky a šablony pro bannery pro váš e-shop.
Začínající e-shopaři většinou grafiku podceňují. Používají v každém banneru jiné písmo a často to působí jako "každý pes jiná ves". Logo je často rozmazané a na mobilu nečitelné. Návštěvníci e-shopu toto vnímají a takový e-shop působí nedůvěryhodným dojmem, což snižuje jejich ochotu na e-shopu nakoupit. Říkají si např. " pokud jsou bannery ofláknuté, asi budou i jejich služby. Raději nakoupím někde, kde je vidět, že to mají promyšlené, investují do e-shopu a funguje jim to."
Mrkněte na rozhovor, který jsem natočila s brandovou designerkou právě na téma vizuální identity, abyste pochopili její důležitost a výhody.
A pokud potřebujete se stavbou e-shopu na Shoptetu pomoci a hledáte zároveň i někoho pro mentoring, ozvěte se mi. Stavba e-shopu s mentoringem je má parketa. Získáte tak parťáka, s kterým proberete otázky jako: Jaké zvolit dopravce? Jak psát popisky k produktům? Jaké jsou zákonné požadavky e-shopu? apod.
Mrkněte na mé další služby pro začínající i pokročilé e-shopaře.
Jasmina Bosanacová
Jak ti můžu pomoci