Typografia marki w e-commerce - jakie fonty wybrać i na co uważać przy licencjach
Aleksandra Marecka
Aleksandra Marecka
Head of Digital Marketing
Typografia marki w e‑commerce - jakie fonty wybrać i na co uważać przy licencjach
Typografia marki w e-commerce to zwykle dwa kroje pisma: jeden do nagłówków i haseł na banerach, drugi do tekstu, cen i parametrów w infografikach. Fonty do sklepu internetowego powinny mieć pełne polskie znaki, kilka grubości i być czytelne na telefonie w małym rozmiarze. Przed użyciem trzeba sprawdzić licencję fontu - czy obejmuje użycie komercyjne, stronę internetową, reklamy, logo i druk na opakowaniach.
Krój pisma często wybiera się „na oko”, z listy w programie graficznym albo z pierwszej strony z darmowymi fontami. Problem wychodzi później: font nie ma litery „ł”, na stronie sklepu nie da się go osadzić, bo licencja obejmuje tylko komputer, a nowy grafik nie może otworzyć plików, bo nie ma tego kroju. W tym tekście pokazujemy, jak dobrać fonty do grafik i sklepu, ile ich potrzeba i na co uważać przy licencjach fontów.
[#wazne] W skrócie: typografia marki w e-commerce opiera się na 1-2 krojach pisma z polskimi znakami i kilkoma grubościami - do nagłówków oraz do tekstu i cen. Przed użyciem sprawdź licencję: fonty z Google Fonts są udostępniane na licencjach open source, głównie SIL Open Font License, i można ich używać komercyjnie, a fonty komercyjne często mają osobne licencje na komputer, stronę i aplikację (stan na lipiec 2026 - sprawdź aktualne warunki licencji). W Vinson dobieramy typografię razem z logo, banerami i szablonami grafik ofertowych.
Czym jest typografia marki sklepu internetowego
Typografia marki to zestaw krojów pisma i zasad ich używania: które fonty, w jakich grubościach, rozmiarach i odstępach pojawiają się w logo, na stronie, na banerach, w grafikach ofertowych i na opakowaniach. Krój pisma (font w potocznym rozumieniu) to rodzina liter o wspólnym rysunku, na przykład w odmianach Regular, Medium i Bold.
W sklepie internetowym typografia ma więcej zadań niż w klasycznej identyfikacji. Musi pomieścić długie nazwy produktów, ceny z przekreśleniami, procenty rabatów, parametry techniczne i krótkie hasła reklamowe. Do tego większość klientów czyta ją na telefonie, często w ruchu. Ozdobny font, który świetnie wygląda w logo, rzadko sprawdza się w tabeli wymiarów.
Role fontów w grafikach sklepu
Dobrze ułożona typografia przypisuje fontom role, podobnie jak paleta przypisuje role kolorom. Poniżej role, które rozpisujemy w projektach dla sklepów internetowych:
[#chart:pgr47a]
Nie każda rola wymaga osobnego kroju. W większości sklepów wystarczy jeden font w kilku grubościach albo para: krój nagłówkowy z charakterem i neutralny krój do tekstu. Trzy i więcej rodzin pisma to zwykle sygnał, że grafiki przestaną wyglądać jak z jednej marki.
Jakie fonty wybrać do sklepu internetowego
Wybór fontów do sklepu internetowego zaczyna się od sprawdzenia techniki, a dopiero potem stylu. Font może być piękny, ale jeśli nie ma polskich znaków albo rozmywa się w małym rozmiarze, nie nadaje się do grafik ofertowych. Przy wyborze sprawdzamy kolejno:
Polskie znaki - ą, ć, ę, ł, ń, ó, ś, ź, ż w wersji małej i wielkiej, w każdej grubości, której używasz. Wpisz pangram z polskimi literami i obejrzyj go w powiększeniu.
Liczba grubości - co najmniej trzy, na przykład Regular, Medium i Bold, żeby budować hierarchię bez zmiany kroju.
Czytelność cyfr - ceny, wymiary i pojemności muszą być jednoznaczne. Sprawdź, czy 1 nie myli się z l, a 0 z O.
Szerokość liter - kroje wąskie mieszczą dłuższe hasła, ale w małym rozmiarze bywają mniej czytelne.
Wersja webowa - czy font można osadzić na stronie sklepu i w jakim formacie, np. WOFF2.
Licencja - czy obejmuje wszystkie miejsca, w których font pojawi się w sklepie i w reklamach.
Font szeryfowy czy bezszeryfowy w e-commerce
Kroje bezszeryfowe, czyli bez ozdobnych zakończeń liter, dominują w sklepach internetowych, bo są czytelne w małych rozmiarach i na ekranach o różnej jakości. Kroje szeryfowe dobrze budują wrażenie elegancji i tradycji, więc często pojawiają się w nagłówkach marek premium, kosmetyków, wina czy książek. Popularne połączenie to szeryfowy krój w nagłówkach i bezszeryfowy w tekście i cenach. Fonty odręczne i dekoracyjne zostaw na pojedyncze słowa, na przykład w kreacjach sezonowych, a nie na opisy i parametry.
Łącząc dwa kroje, szukaj kontrastu, a nie podobieństwa. Dwa różne fonty bezszeryfowe o zbliżonym rysunku wyglądają jak pomyłka, a nie zamierzony wybór. Lepiej działa para, w której fonty wyraźnie różnią się charakterem, ale mają podobne proporcje i wysokość małych liter. Wiele krojów z Google Fonts ma też rodziny projektowane jako komplety - wersję szeryfową i bezszeryfową - co ułatwia dobranie pary.
Typografia powinna pasować do reszty identyfikacji: logo, kolorów i stylu zdjęć. Jeśli budujesz markę od podstaw, zacznij od tekstu o tym, co zawiera identyfikacja wizualna sklepu internetowego - typografia jest jej stałym elementem.
Typografia marki w e-commerce to zwykle dwa kroje pisma: jeden do nagłówków i haseł na banerach, drugi do tekstu, cen i parametrów w infografikach. Fonty do sklepu internetowego powinny mieć pełne polskie znaki, kilka grubości i być czytelne na telefonie w małym rozmiarze. Przed użyciem trzeba sprawdzić licencję fontu - czy obejmuje użycie komercyjne, stronę internetową, reklamy, logo i druk na opakowaniach.
Krój pisma często wybiera się „na oko”, z listy w programie graficznym albo z pierwszej strony z darmowymi fontami. Problem wychodzi później: font nie ma litery „ł”, na stronie sklepu nie da się go osadzić, bo licencja obejmuje tylko komputer, a nowy grafik nie może otworzyć plików, bo nie ma tego kroju. W tym tekście pokazujemy, jak dobrać fonty do grafik i sklepu, ile ich potrzeba i na co uważać przy licencjach fontów.
[#wazne] W skrócie: typografia marki w e-commerce opiera się na 1-2 krojach pisma z polskimi znakami i kilkoma grubościami - do nagłówków oraz do tekstu i cen. Przed użyciem sprawdź licencję: fonty z Google Fonts są udostępniane na licencjach open source, głównie SIL Open Font License, i można ich używać komercyjnie, a fonty komercyjne często mają osobne licencje na komputer, stronę i aplikację (stan na lipiec 2026 - sprawdź aktualne warunki licencji). W Vinson dobieramy typografię razem z logo, banerami i szablonami grafik ofertowych.
Czym jest typografia marki sklepu internetowego
Typografia marki to zestaw krojów pisma i zasad ich używania: które fonty, w jakich grubościach, rozmiarach i odstępach pojawiają się w logo, na stronie, na banerach, w grafikach ofertowych i na opakowaniach. Krój pisma (font w potocznym rozumieniu) to rodzina liter o wspólnym rysunku, na przykład w odmianach Regular, Medium i Bold.
W sklepie internetowym typografia ma więcej zadań niż w klasycznej identyfikacji. Musi pomieścić długie nazwy produktów, ceny z przekreśleniami, procenty rabatów, parametry techniczne i krótkie hasła reklamowe. Do tego większość klientów czyta ją na telefonie, często w ruchu. Ozdobny font, który świetnie wygląda w logo, rzadko sprawdza się w tabeli wymiarów.
Role fontów w grafikach sklepu
Dobrze ułożona typografia przypisuje fontom role, podobnie jak paleta przypisuje role kolorom. Poniżej role, które rozpisujemy w projektach dla sklepów internetowych:
[#chart:pgr47a]
Nie każda rola wymaga osobnego kroju. W większości sklepów wystarczy jeden font w kilku grubościach albo para: krój nagłówkowy z charakterem i neutralny krój do tekstu. Trzy i więcej rodzin pisma to zwykle sygnał, że grafiki przestaną wyglądać jak z jednej marki.
Jakie fonty wybrać do sklepu internetowego
Wybór fontów do sklepu internetowego zaczyna się od sprawdzenia techniki, a dopiero potem stylu. Font może być piękny, ale jeśli nie ma polskich znaków albo rozmywa się w małym rozmiarze, nie nadaje się do grafik ofertowych. Przy wyborze sprawdzamy kolejno:
Polskie znaki - ą, ć, ę, ł, ń, ó, ś, ź, ż w wersji małej i wielkiej, w każdej grubości, której używasz. Wpisz pangram z polskimi literami i obejrzyj go w powiększeniu.
Liczba grubości - co najmniej trzy, na przykład Regular, Medium i Bold, żeby budować hierarchię bez zmiany kroju.
Czytelność cyfr - ceny, wymiary i pojemności muszą być jednoznaczne. Sprawdź, czy 1 nie myli się z l, a 0 z O.
Szerokość liter - kroje wąskie mieszczą dłuższe hasła, ale w małym rozmiarze bywają mniej czytelne.
Wersja webowa - czy font można osadzić na stronie sklepu i w jakim formacie, np. WOFF2.
Licencja - czy obejmuje wszystkie miejsca, w których font pojawi się w sklepie i w reklamach.
Font szeryfowy czy bezszeryfowy w e-commerce
Kroje bezszeryfowe, czyli bez ozdobnych zakończeń liter, dominują w sklepach internetowych, bo są czytelne w małych rozmiarach i na ekranach o różnej jakości. Kroje szeryfowe dobrze budują wrażenie elegancji i tradycji, więc często pojawiają się w nagłówkach marek premium, kosmetyków, wina czy książek. Popularne połączenie to szeryfowy krój w nagłówkach i bezszeryfowy w tekście i cenach. Fonty odręczne i dekoracyjne zostaw na pojedyncze słowa, na przykład w kreacjach sezonowych, a nie na opisy i parametry.
Łącząc dwa kroje, szukaj kontrastu, a nie podobieństwa. Dwa różne fonty bezszeryfowe o zbliżonym rysunku wyglądają jak pomyłka, a nie zamierzony wybór. Lepiej działa para, w której fonty wyraźnie różnią się charakterem, ale mają podobne proporcje i wysokość małych liter. Wiele krojów z Google Fonts ma też rodziny projektowane jako komplety - wersję szeryfową i bezszeryfową - co ułatwia dobranie pary.
Typografia powinna pasować do reszty identyfikacji: logo, kolorów i stylu zdjęć. Jeśli budujesz markę od podstaw, zacznij od tekstu o tym, co zawiera identyfikacja wizualna sklepu internetowego - typografia jest jej stałym elementem.
- Grafiki ofertowe, banery i miniatury
- Projekty pod marketplace’y i sklep
- Szybka wycena bez zobowiązań
Wycenę przygotuje Aleksandra Marecka, Head of Digital MarketingLicencje fontów - na co uważać w sklepie internetowym
Licencja fontu określa, gdzie i jak możesz używać kroju pisma. To nie formalność: font jest oprogramowaniem, a jego twórca decyduje o zasadach korzystania. W e-commerce font pojawia się w wielu miejscach jednocześnie - na stronie, w grafikach, reklamach, logo i na opakowaniach - więc licencja musi pokrywać je wszystkie. Najczęściej spotkasz trzy źródła fontów.
| Źródło fontu | Typowe warunki | Na co uważać |
|---|---|---|
| Google Fonts | Licencje open source, głównie SIL Open Font License, część na Apache lub Ubuntu Font License; użycie komercyjne dozwolone | Nie wolno sprzedawać samych plików fontu; zasady modyfikacji kroju określa licencja |
| Adobe Fonts | W ramach subskrypcji użycie osobiste i komercyjne, m.in. w grafikach, logo i druku | Po zakończeniu subskrypcji edytowalne pliki z tym fontem pokażą brak kroju |
| Fonty komercyjne z odlewni | Osobne licencje: desktop, web, aplikacja, czasem e-book lub reklama | Licencja web bywa liczona według odsłon, desktop według liczby stanowisk |
| Darmowe strony z fontami | Bardzo różne, często tylko do użytku osobistego | Zawsze czytaj plik licencji dołączony do fontu |
Według FAQ Google Fonts kroje z tej biblioteki są open source i można ich używać komercyjnie, także w produktach przeznaczonych do sprzedaży. Licencja SIL Open Font License nie pozwala jednak sprzedawać samych plików fontów, a dokumenty i grafiki stworzone z ich użyciem nie podlegają jej warunkom (stan na lipiec 2026 - sprawdź aktualne warunki licencji danego fontu na jego stronie w Google Fonts).
Adobe w pomocy dotyczącej Adobe Fonts wskazuje, że fonty z subskrypcji można wykorzystywać osobiście i komercyjnie, w tym w grafikach, logo, produktach na sprzedaż i druku. Pliki z tekstem zamienionym na krzywe lub zrasteryzowanym można używać także po zakończeniu subskrypcji, ale edytowalne pliki odwołujące się do fontu po jej wygaśnięciu pokażą brak kroju (stan na lipiec 2026 - sprawdź aktualne warunki w pomocy Adobe). To ważne przy przekazywaniu plików źródłowych klientowi lub innemu wykonawcy.
Przy fontach komercyjnych największą pułapką jest rodzaj licencji. Licencja desktop pozwala zainstalować font na komputerze i tworzyć z nim grafiki, ale zwykle nie obejmuje osadzenia na stronie sklepu. Do tego potrzebna jest licencja web, często z limitem odsłon. Jeśli font ma się znaleźć w aplikacji mobilnej sklepu, potrzebna bywa jeszcze osobna licencja. Zakres zależy od konkretnej odlewni, więc zawsze sprawdzaj umowę licencyjną.
[#chart:pgr47b]
[#uwaga] Font w logo to szczególny przypadek. Niektóre licencje fontów komercyjnych ograniczają użycie kroju w znakach towarowych albo wymagają rozszerzonej licencji. Jeśli logotyp powstaje na bazie gotowego fontu, sprawdź licencję pod tym kątem, a w razie wątpliwości przy rejestracji znaku towarowego skonsultuj się z prawnikiem lub rzecznikiem patentowym - to nie jest porada prawna.
Typografia w grafikach ofertowych, banerach i reklamach
Nawet najlepszy font nie pomoże, jeśli tekst na grafice jest za mały lub ma za słaby kontrast. Na grafikach ofertowych i banerach sprawdzają się proste zasady:
Mało tekstu. Jedno krótkie hasło, jedna korzyść, cena lub rabat. Resztę informacji przenieś do opisu oferty.
Wyraźna hierarchia. Nagłówek wyraźnie większy od tekstu pomocniczego, najlepiej w grubszej odmianie.
Test na telefonie. Zmniejsz grafikę do rozmiaru, w jakim zobaczy ją klient w wynikach wyszukiwania lub w aktualnościach, i sprawdź, czy tekst da się przeczytać.
Kontrast. Wytyczne WCAG zalecają dla zwykłego tekstu kontrast z tłem co najmniej 4,5:1, a dla dużego co najmniej 3:1.
Bez tekstu na zdjęciu produktu. Nie kładź liter na ruchliwym tle; użyj jednolitej plamy koloru lub przyciemnienia.
Pamiętaj też o zasadach platform. Na Allegro miniatura oferty, czyli pierwsze zdjęcie, nie powinna zawierać dodatkowych tekstów ani piktogramów, a w galerii i opisie teksty na zdjęciach są dopuszczone tylko w określonych wyjątkach (stan na lipiec 2026 - sprawdź aktualne zasady w pomocy Allegro). Typografia marki pracuje więc przede wszystkim w infografikach w opisie, w reklamach, na banerach w sklepie i w social mediach.
W reklamach Meta Ads tekst na grafice nie jest już limitowany sztywną regułą, ale krótkie hasło i tak czyta się lepiej w aktualnościach. Typografia jest tam jednym z głównych elementów rozpoznawalności: ten sam krój i sposób składu haseł sprawia, że klient kojarzy reklamę z marką, zanim zobaczy logo.
Typografia na etykietach, opakowaniach i w druku
W druku obowiązują inne zasady niż na ekranie. Cienkie odmiany fontów mogą zniknąć na tekturze falistej albo w druku fleksograficznym, a bardzo drobny tekst na etykiecie bywa nieczytelny mimo dobrej rozdzielczości pliku. Przy materiałach drukowanych używaj odmian Regular i grubszych do tekstu informacyjnego, sprawdzaj wydruk w skali 1:1 i zamieniaj tekst na krzywe w plikach dla drukarni, zgodnie z jej specyfikacją. Upewnij się też, że licencja fontu obejmuje druk na opakowaniach i produktach przeznaczonych do sprzedaży - przy fontach z darmowych serwisów to częsty brak.
Jak zapisać zasady typografii marki
Zasady typografii warto spisać na jednej lub dwóch stronach: nazwy krojów i odmian, rozmiary nagłówków i tekstu w najważniejszych formatach grafik, interlinię, sposób zapisu cen i rabatów oraz przykłady poprawnych i błędnych zestawień. Do tego dołącz informację, skąd pochodzi font i jaka licencja go obejmuje. Takie zasady są częścią dokumentu, który opisujemy w tekście o tym, czym jest księga znaku dla małej marki.
Najczęstsze problemy z fontami w sklepie internetowym
Problemy z typografią zwykle wychodzą w momencie, gdy grafiki zaczyna robić ktoś nowy albo gdy sklep zmienia platformę. Poniżej objawy, które widzimy najczęściej, i sposoby ich naprawy:
[#chart:pgr47c]
[#checklista] Typografia marki w e-commerce przed wdrożeniem: 1) 1-2 kroje pisma z pełnymi polskimi znakami. 2) Co najmniej trzy grubości do budowania hierarchii. 3) Czytelne cyfry do cen, wymiarów i rabatów. 4) Licencja obejmująca komputer, stronę sklepu, reklamy, druk i ewentualnie aplikację. 5) Zapisane źródło fontu i plik licencji w folderze marki. 6) Logo z tekstem zamienionym na krzywe. 7) Rozmiary tekstu sprawdzone na telefonie i kontrast co najmniej 4,5:1 dla zwykłego tekstu.
Jak Vinson pomaga z typografią marki w e-commerce
Projektujemy grafiki dla e-commerce: miniatury i galerie ofert, banery, identyfikację sklepu i materiały reklamowe. Typografię dobieramy pod realne miejsca użycia - infografiki w ofertach, reklamy Meta Ads i Google Ads, banery w sklepie i opakowania. Sprawdzamy polskie znaki, czytelność cyfr i zakres licencji, a w szablonach grafik ustawiamy gotowe style tekstu, żeby kolejne kreacje powstawały szybciej. Szczegóły znajdziesz na stronie projektowanie graficzne dla e-commerce.
Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Allegro Ads Partner+, Google Partner, Meta Business Partner, certyfikowanym partnerem Base, partnerem Empik Place i autoryzowanym partnerem Shoper. Klienci oceniają nas na 4,9/5 ze 171 opinii, a współpracowaliśmy z ponad 500 firmami.
Najczęściej zadawane pytania
Czy fonty z Google Fonts można używać komercyjnie?
Tak. Według FAQ Google Fonts kroje z tej biblioteki są udostępniane na licencjach open source i można ich używać komercyjnie, także w produktach na sprzedaż. Nie wolno natomiast sprzedawać samych plików fontu. Warunki konkretnego kroju sprawdzisz w zakładce licencji na jego stronie.
Ile fontów powinien mieć sklep internetowy?
Najczęściej jeden lub dwa kroje pisma: jeden do nagłówków i haseł, drugi do tekstu, cen i parametrów. Hierarchię buduje się grubością i rozmiarem, a nie kolejnymi fontami. Trzy i więcej rodzin pisma utrudniają utrzymanie spójności grafik.
Czym różni się licencja desktop od licencji web?
Licencja desktop pozwala zainstalować font na komputerze i tworzyć z nim grafiki, na przykład banery i infografiki. Licencja web pozwala osadzić font na stronie internetowej, tak aby przeglądarka wyświetlała go odwiedzającym. Przy fontach komercyjnych to zwykle osobne licencje, więc sprawdź, czy masz obie.
Co się stanie z grafikami, gdy skończy się subskrypcja Adobe Fonts?
Według pomocy Adobe pliki z tekstem zamienionym na krzywe lub zrasteryzowanym, na przykład wyeksportowane banery w PNG, można dalej używać. Edytowalne pliki źródłowe odwołujące się do fontu pokażą brak kroju i podmienią go na domyślny. Dlatego logo warto przekazywać z tekstem zamienionym na krzywe.
Jak sprawdzić, czy font ma polskie znaki?
Wpisz w programie graficznym lub w podglądzie na stronie dystrybutora tekst ze wszystkimi polskimi literami - ą, ć, ę, ł, ń, ó, ś, ź, ż - małymi i wielkimi, w każdej grubości, której będziesz używać. Obejrzyj go w powiększeniu. Brakujące znaki program zwykle podmienia innym fontem, co od razu widać.
Typografia marki w e-commerce to kilka dobrze dobranych fontów z polskimi znakami, jasne zasady ich użycia i licencja, która obejmuje wszystkie kanały sprzedaży. Jeśli chcesz dobrać fonty do sklepu i ustawić je w szablonach grafik, zajrzyj na stronę projektowania graficznego dla e-commerce. Zobacz też, jak przygotować logo dla sklepu internetowego razem z kompletem plików.
Licencje fontów - na co uważać w sklepie internetowym
Licencja fontu określa, gdzie i jak możesz używać kroju pisma. To nie formalność: font jest oprogramowaniem, a jego twórca decyduje o zasadach korzystania. W e-commerce font pojawia się w wielu miejscach jednocześnie - na stronie, w grafikach, reklamach, logo i na opakowaniach - więc licencja musi pokrywać je wszystkie. Najczęściej spotkasz trzy źródła fontów.
| Źródło fontu | Typowe warunki | Na co uważać |
|---|---|---|
| Google Fonts | Licencje open source, głównie SIL Open Font License, część na Apache lub Ubuntu Font License; użycie komercyjne dozwolone | Nie wolno sprzedawać samych plików fontu; zasady modyfikacji kroju określa licencja |
| Adobe Fonts | W ramach subskrypcji użycie osobiste i komercyjne, m.in. w grafikach, logo i druku | Po zakończeniu subskrypcji edytowalne pliki z tym fontem pokażą brak kroju |
| Fonty komercyjne z odlewni | Osobne licencje: desktop, web, aplikacja, czasem e-book lub reklama | Licencja web bywa liczona według odsłon, desktop według liczby stanowisk |
| Darmowe strony z fontami | Bardzo różne, często tylko do użytku osobistego | Zawsze czytaj plik licencji dołączony do fontu |
Według FAQ Google Fonts kroje z tej biblioteki są open source i można ich używać komercyjnie, także w produktach przeznaczonych do sprzedaży. Licencja SIL Open Font License nie pozwala jednak sprzedawać samych plików fontów, a dokumenty i grafiki stworzone z ich użyciem nie podlegają jej warunkom (stan na lipiec 2026 - sprawdź aktualne warunki licencji danego fontu na jego stronie w Google Fonts).
Adobe w pomocy dotyczącej Adobe Fonts wskazuje, że fonty z subskrypcji można wykorzystywać osobiście i komercyjnie, w tym w grafikach, logo, produktach na sprzedaż i druku. Pliki z tekstem zamienionym na krzywe lub zrasteryzowanym można używać także po zakończeniu subskrypcji, ale edytowalne pliki odwołujące się do fontu po jej wygaśnięciu pokażą brak kroju (stan na lipiec 2026 - sprawdź aktualne warunki w pomocy Adobe). To ważne przy przekazywaniu plików źródłowych klientowi lub innemu wykonawcy.
Przy fontach komercyjnych największą pułapką jest rodzaj licencji. Licencja desktop pozwala zainstalować font na komputerze i tworzyć z nim grafiki, ale zwykle nie obejmuje osadzenia na stronie sklepu. Do tego potrzebna jest licencja web, często z limitem odsłon. Jeśli font ma się znaleźć w aplikacji mobilnej sklepu, potrzebna bywa jeszcze osobna licencja. Zakres zależy od konkretnej odlewni, więc zawsze sprawdzaj umowę licencyjną.
[#chart:pgr47b]
[#uwaga] Font w logo to szczególny przypadek. Niektóre licencje fontów komercyjnych ograniczają użycie kroju w znakach towarowych albo wymagają rozszerzonej licencji. Jeśli logotyp powstaje na bazie gotowego fontu, sprawdź licencję pod tym kątem, a w razie wątpliwości przy rejestracji znaku towarowego skonsultuj się z prawnikiem lub rzecznikiem patentowym - to nie jest porada prawna.
Typografia w grafikach ofertowych, banerach i reklamach
Nawet najlepszy font nie pomoże, jeśli tekst na grafice jest za mały lub ma za słaby kontrast. Na grafikach ofertowych i banerach sprawdzają się proste zasady:
Mało tekstu. Jedno krótkie hasło, jedna korzyść, cena lub rabat. Resztę informacji przenieś do opisu oferty.
Wyraźna hierarchia. Nagłówek wyraźnie większy od tekstu pomocniczego, najlepiej w grubszej odmianie.
Test na telefonie. Zmniejsz grafikę do rozmiaru, w jakim zobaczy ją klient w wynikach wyszukiwania lub w aktualnościach, i sprawdź, czy tekst da się przeczytać.
Kontrast. Wytyczne WCAG zalecają dla zwykłego tekstu kontrast z tłem co najmniej 4,5:1, a dla dużego co najmniej 3:1.
Bez tekstu na zdjęciu produktu. Nie kładź liter na ruchliwym tle; użyj jednolitej plamy koloru lub przyciemnienia.
Pamiętaj też o zasadach platform. Na Allegro miniatura oferty, czyli pierwsze zdjęcie, nie powinna zawierać dodatkowych tekstów ani piktogramów, a w galerii i opisie teksty na zdjęciach są dopuszczone tylko w określonych wyjątkach (stan na lipiec 2026 - sprawdź aktualne zasady w pomocy Allegro). Typografia marki pracuje więc przede wszystkim w infografikach w opisie, w reklamach, na banerach w sklepie i w social mediach.
W reklamach Meta Ads tekst na grafice nie jest już limitowany sztywną regułą, ale krótkie hasło i tak czyta się lepiej w aktualnościach. Typografia jest tam jednym z głównych elementów rozpoznawalności: ten sam krój i sposób składu haseł sprawia, że klient kojarzy reklamę z marką, zanim zobaczy logo.
Typografia na etykietach, opakowaniach i w druku
W druku obowiązują inne zasady niż na ekranie. Cienkie odmiany fontów mogą zniknąć na tekturze falistej albo w druku fleksograficznym, a bardzo drobny tekst na etykiecie bywa nieczytelny mimo dobrej rozdzielczości pliku. Przy materiałach drukowanych używaj odmian Regular i grubszych do tekstu informacyjnego, sprawdzaj wydruk w skali 1:1 i zamieniaj tekst na krzywe w plikach dla drukarni, zgodnie z jej specyfikacją. Upewnij się też, że licencja fontu obejmuje druk na opakowaniach i produktach przeznaczonych do sprzedaży - przy fontach z darmowych serwisów to częsty brak.
Jak zapisać zasady typografii marki
Zasady typografii warto spisać na jednej lub dwóch stronach: nazwy krojów i odmian, rozmiary nagłówków i tekstu w najważniejszych formatach grafik, interlinię, sposób zapisu cen i rabatów oraz przykłady poprawnych i błędnych zestawień. Do tego dołącz informację, skąd pochodzi font i jaka licencja go obejmuje. Takie zasady są częścią dokumentu, który opisujemy w tekście o tym, czym jest księga znaku dla małej marki.
Najczęstsze problemy z fontami w sklepie internetowym
Problemy z typografią zwykle wychodzą w momencie, gdy grafiki zaczyna robić ktoś nowy albo gdy sklep zmienia platformę. Poniżej objawy, które widzimy najczęściej, i sposoby ich naprawy:
[#chart:pgr47c]
[#checklista] Typografia marki w e-commerce przed wdrożeniem: 1) 1-2 kroje pisma z pełnymi polskimi znakami. 2) Co najmniej trzy grubości do budowania hierarchii. 3) Czytelne cyfry do cen, wymiarów i rabatów. 4) Licencja obejmująca komputer, stronę sklepu, reklamy, druk i ewentualnie aplikację. 5) Zapisane źródło fontu i plik licencji w folderze marki. 6) Logo z tekstem zamienionym na krzywe. 7) Rozmiary tekstu sprawdzone na telefonie i kontrast co najmniej 4,5:1 dla zwykłego tekstu.
Jak Vinson pomaga z typografią marki w e-commerce
Projektujemy grafiki dla e-commerce: miniatury i galerie ofert, banery, identyfikację sklepu i materiały reklamowe. Typografię dobieramy pod realne miejsca użycia - infografiki w ofertach, reklamy Meta Ads i Google Ads, banery w sklepie i opakowania. Sprawdzamy polskie znaki, czytelność cyfr i zakres licencji, a w szablonach grafik ustawiamy gotowe style tekstu, żeby kolejne kreacje powstawały szybciej. Szczegóły znajdziesz na stronie projektowanie graficzne dla e-commerce.
Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Allegro Ads Partner+, Google Partner, Meta Business Partner, certyfikowanym partnerem Base, partnerem Empik Place i autoryzowanym partnerem Shoper. Klienci oceniają nas na 4,9/5 ze 171 opinii, a współpracowaliśmy z ponad 500 firmami.
Najczęściej zadawane pytania
Czy fonty z Google Fonts można używać komercyjnie?
Tak. Według FAQ Google Fonts kroje z tej biblioteki są udostępniane na licencjach open source i można ich używać komercyjnie, także w produktach na sprzedaż. Nie wolno natomiast sprzedawać samych plików fontu. Warunki konkretnego kroju sprawdzisz w zakładce licencji na jego stronie.
Ile fontów powinien mieć sklep internetowy?
Najczęściej jeden lub dwa kroje pisma: jeden do nagłówków i haseł, drugi do tekstu, cen i parametrów. Hierarchię buduje się grubością i rozmiarem, a nie kolejnymi fontami. Trzy i więcej rodzin pisma utrudniają utrzymanie spójności grafik.
Czym różni się licencja desktop od licencji web?
Licencja desktop pozwala zainstalować font na komputerze i tworzyć z nim grafiki, na przykład banery i infografiki. Licencja web pozwala osadzić font na stronie internetowej, tak aby przeglądarka wyświetlała go odwiedzającym. Przy fontach komercyjnych to zwykle osobne licencje, więc sprawdź, czy masz obie.
Co się stanie z grafikami, gdy skończy się subskrypcja Adobe Fonts?
Według pomocy Adobe pliki z tekstem zamienionym na krzywe lub zrasteryzowanym, na przykład wyeksportowane banery w PNG, można dalej używać. Edytowalne pliki źródłowe odwołujące się do fontu pokażą brak kroju i podmienią go na domyślny. Dlatego logo warto przekazywać z tekstem zamienionym na krzywe.
Jak sprawdzić, czy font ma polskie znaki?
Wpisz w programie graficznym lub w podglądzie na stronie dystrybutora tekst ze wszystkimi polskimi literami - ą, ć, ę, ł, ń, ó, ś, ź, ż - małymi i wielkimi, w każdej grubości, której będziesz używać. Obejrzyj go w powiększeniu. Brakujące znaki program zwykle podmienia innym fontem, co od razu widać.
Typografia marki w e-commerce to kilka dobrze dobranych fontów z polskimi znakami, jasne zasady ich użycia i licencja, która obejmuje wszystkie kanały sprzedaży. Jeśli chcesz dobrać fonty do sklepu i ustawić je w szablonach grafik, zajrzyj na stronę projektowania graficznego dla e-commerce. Zobacz też, jak przygotować logo dla sklepu internetowego razem z kompletem plików.
Aleksandra Marecka
Head of Digital Marketing
Projektuje i skaluje strategie marketingowe e-commerce: social media, e-mail, content. Optymalizuje działania pod zwrot z inwestycji.
Projektuje i skaluje strategie marketingowe e-commerce: social media, e-mail, content. Optymalizuje działania pod zwrot z inwestycji.
Projektowanie graficzne dla e-commerce
Aleksandra i nasz zespół pomogą Ci wdrożyć to na Twoim koncie - bez zobowiązań.
- Analiza Twojego konta i obecnych działań
- Konkretny plan poprawek do wdrożenia
- Bezpłatna konsultacja – bez zobowiązań
Przeczytaj także
Więcej porad z naszej bazy wiedzy - przesuń, aby zobaczyć kolejne artykuły.
Masz pytania? Chętnie porozmawiamy!
Masz pytania? Chętnie porozmawiamy!
Odpowiadamy w ciągu 24 godzin w dni robocze. Pierwsza rozmowa jest bezpłatna i do niczego nie zobowiązuje.
Masz pytania? Chętnie porozmawiamy!
Odpowiadamy w ciągu 24 godzin w dni robocze. Pierwsza rozmowa jest bezpłatna i do niczego nie zobowiązuje.
Bartłomiej Stokłosa
CEO & Founder
"Jeżeli czegoś nie da się zrobić, potrzebny jest ktoś, kto o tym nie wie - przyjdzie i to zrobi."
Bartłomiej Stokłosa
CEO & Founder
"Jeżeli czegoś nie da się zrobić, potrzebny jest ktoś, kto o tym nie wie - przyjdzie i to zrobi."
Wybierz dogodny termin w kalendarzu - bez wymiany maili w tę i z powrotem.
Napisz do nas
Opisz krótko, czego potrzebujesz - oddzwonimy lub odpiszemy w ciągu 24 godzin w dni robocze.
Na zapytanie odpowie Aleksandra Marecka, Head of Digital MarketingNapisz do nas
Opisz krótko, czego potrzebujesz - oddzwonimy lub odpiszemy w ciągu 24 godzin w dni robocze.
Na zapytanie odpowie Aleksandra Marecka, Head of Digital Marketing