Ukázky fontů použitelných v Shoptetu
· aktualizováno
Ve zkratce
- Shoptet nabízí 15 základních fontů, které lze nastavit zvlášť pro nadpisy a pro odstavcový text.
- Nastavení najdete v administraci v nastavení šablony, v sekci "Výběr písma" – jsou tam pole Font nadpisu a Font textu.
- Ukázky níže jsou živé – vidíte skutečná písma včetně české diakritiky, ne jejich popis.
- Volba "sans-serif" není konkrétní font, ale použije bezpatkové písmo nainstalované na zařízení návštěvníka.
- Font vypadá jinak v nadpisu a jinak v odstavcovém textu, proto je dobré posoudit obojí.
Písma v Shoptetu
V rámci základního nastavení vzhledu na Shoptetu si máme možnost vybrat z 15 základních fontů. Můžeme si nastavit typ fontu pro nadpisy (názvy stránek, produktů, obsahové nadpisy) a typ fontu pro odstavcový text. Najdete to v administraci v nastavení šablony – kousek pod výběrem barev je sekce Výběr písma se dvěma roletkami: Font nadpisu a Font textu.
Je ale škoda, že v rámci výběru písem není k dispozici náhled, jak bude v daném fontu text vypadat. A tak vám (pokud fonty neznáte) nezbývá, než zkoušet přepínat roletky, ukládat nastavení a dívat se, jak to na e-shopu vypadá.
Proto jsem tady vypsal ukázky všech patnácti písem. Nejsou to obrázky ani popis – každý blok je vysázený tím písmem, o kterém mluví, takže vidíte přesně to, co dostanete. Včetně háčků a čárek, což je u fontů ze zahraniční produkce věc, kterou se vyplatí zkontrolovat.
Jak vybrat písmo, ať to nepokazíte
Než se pustíte do prohlížení, pár praktických pravidel z praxe:
- Na odstavcový text sáhněte po něčem nenápadném. Písmo v popisu produktu nemá být vidět – má být čitelné. Open Sans, Roboto, PT Sans, Source Sans 3 nebo Noto Sans jsou sázka na jistotu.
- Výraznější font si šetřete na nadpisy. Poppins, Raleway nebo Exo 2 dokážou e-shopu dát charakter, ale v dlouhém odstavci unavují.
- Patkové písmo (serif) není pro každý e-shop. Noto Serif, PT Serif nebo Source Serif 4 sednou knihkupectví, vinařství nebo značce, která chce působit usedle. U elektroniky nebo sportovního vybavení bude působit divně.
- Nekombinujte dva podobné fonty. Buď použijte jedno písmo na nadpisy i text, nebo zvolte dvojici, která se zřetelně liší (třeba serifový nadpis a bezpatkový text).
- Zkontrolujte diakritiku. Ne každé písmo má háčky a čárky vyřešené hezky – ukázky níže jsou schválně napsané česky, ať to poznáte na první pohled.
Ukázky písem v Shoptetu
Exo 2
Nadpis v písmu Exo 2
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Mulish
Nadpis v písmu Mulish
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Noto Sans
Nadpis v písmu Noto Sans
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Noto Serif
Nadpis v písmu Noto Serif
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Nunito
Nadpis v písmu Nunito
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Open Sans
Nadpis v písmu Open Sans
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Poppins
Nadpis v písmu Poppins
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
PT Sans
Nadpis v písmu PT Sans
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
PT Serif
Nadpis v písmu PT Serif
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Raleway
Nadpis v písmu Raleway
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Roboto
Nadpis v písmu Roboto
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Roboto Slab
Nadpis v písmu Roboto Slab
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Source Sans 3
Nadpis v písmu Source Sans 3
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Source Serif 4
Nadpis v písmu Source Serif 4
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Ubuntu
Nadpis v písmu Ubuntu
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
sans-serif
Nadpis v obecném bezpatkovém písmu
Zásilku odešleme ještě dnes, pokud objednáte do 14 hodin. Příplatky žádné, výměna do 30 dnů zdarma. Tučný řez a kurzíva pro srovnání.
Pozor: volba "sans-serif" není výběr konkrétního fontu, ale použití obecného bezpatkového písma nainstalovaného na zařízení návštěvníka (typicky Arial, Verdana, Tahoma...). Na každém počítači a telefonu tedy může e-shop vypadat trochu jinak – a vy nad tím nemáte kontrolu.
Pár poznámek k názvům
Tři písma se od doby, kdy jsem tenhle článek psal poprvé, přejmenovala. Shoptet už v roletce nabízí aktuální názvy, takže pokud si pamatujete ty původní, hledejte takto:
| Dřívější název | Dnes v Shoptetu |
|---|---|
| Muli | Mulish |
| Source Sans Pro | Source Sans 3 |
| Source Serif Pro | Source Serif 4 |
Jde o tatáž písma, jen prošla novou verzí a přejmenováním.
Máte k Shoptetu více otázek nebo chcete pomoci s nastavením svého e-shopu?
Nabízím individuální školení Shoptetu i kompletní tvorbu e-shopu.
Jan Barbořík, MBA
Marketér s duší grafika
Přes 20 let pomáhám firmám a podnikatelům uspět na internetu. Jsem certifikovaný Zlatý Shoptet partner, marketingové postupy ověřuju ve vlastní rodinné firmě a jako partner přebírám zodpovědnost za web, e-shop i marketing svých klientů.