Za profesionalno spletno stran izberite zelo berljivo pisavo besedila in kvečjemu drugo družino, ki bo dala značaj naslovom. Preprost sans-serif je primeren za večino lokacij; serif lahko okrepi uredniško, vrhunsko ali dediščinsko podobo.
Vodnik je napisal SiteQuiVend, specialist za ustvarjanje in preoblikovanje spletnih mest in trgovin Shopify. Informacije posodobljene avgusta 2026.
Kako prepoznati profesionalno pisavo?
Profesionalnost izhaja iz doslednega tipografskega sistema.Pred izbiro znanega imena ocenite dejanske pogoje uporabe.
Berljivost
Črke morajo ostati različne v majhnih telesih: upoštevajte zlasti "i", "l", "I", številke in poudarke. Preizkusite prave odstavke, ne le imena blagovne znamke.
Skladnost s pozicioniranjem
Ostra geometrija lahko prikliče tehnologijo ali sodobnost; kontrastni serif lahko predlaga objavo ali high-end.Učinek mora podpirati ponudbo, ne da bi jo karikiral.
Dovolj popolna družina
Preverite dejansko razpoložljive maščobe, poševni tisk, francoske poudarke, simbol evra in jezike ciljnih trgov.Umetno zgoščena varianta redko daje čist rezultat.
Licenca in razpoložljivost
Komercialna pisava zahteva spletno prijazno licenco Na Shopifyju so izbire, ki so na voljo, odvisne od teme; pisava po meri lahko zahteva tehnično integracijo.
Serif, sans-serif, prikaz: katero družino izbrati?
| Družina | Priporočena uporaba | Pogost učinek | Točka budnosti |
|---|---|---|---|
| Sans-serif | Telesa, meniji, gumbi, vmesniki | Jasna, moderna, neposredna | Nekatere geometrije so v odstavkih hladne ali tesne |
| Serif | Naslovi, uredništvo, premium blagovne znamke | Elegantna, kulturna, uveljavljena | Fini kontrasti izgubijo ostrino na majhnem zaslonu |
| Prikaz | Zelo kratki kavlji | Izrazit, izrazen | Izogibajte se za odstavke, navigacijo in obrazce |
| Enoprostorec | Koda, podatki ali tehnične podrobnosti | Natančno, tehnično | Utrujajoče kot glavna pisava na komercialnem mestu |
| Sistem | Hitra mesta in trezni vmesniki | Znani, učinkoviti | Upodabljanje se razlikuje glede na operacijski sistem |
Pri večini projektov zadostuje sans-serif za telo.Dodajte drugo družino le, če ustvari uporabno hierarhijo.Množenje pisav ne naredi dizajna bogatejšega: fragmentira stran.
Katere asociacije pisav naj uporabim v praksi?
Te kombinacije so navodila za testiranje, ne recepti. Njihova razpoložljivost je odvisna od vaše teme, licence in načina gostovanja.
Trezen in vsestranski
Inter za naslove in besedilo. Velikosti in masti ustvarjajo hierarhijo brez množenja datotek.Ta rešitev je primerna za storitve, SaaS in sodobne trgovine.
Sodobno in dostopno
Manrope za naslove, Vir Sans 3 za telo. Kontrast ostaja diskreten, z značajem v kljukah in udobnim branjem.
Premium in uredništvo
Playfair Prikaz za naslove, Inter ali Lato za telo. Serif prinaša značaj; sans-serif ohranja berljivost. Rezervirajte Playfair za kratka besedila.
Znano in komercialno
Montserrat za naslove, Open Sans za telo. Ta znana asociacija je jasna Njegova osebnost bo v glavnem izhajala iz barv, podob in postavitev.
system-ui, -apple-system, "Segoe UI", sans-serif. Shopify priporoča, da razmislite o sistemskih pisavah, ki so že prisotne v napravi, da se izognete prenosu, ki bi lahko upočasnil trgovino.Velikosti, masti in razmik: pisava ni dovolj
Profesionalna tipografija se bolj zanaša na hierarhijo kot na priimek.Tu so začetne vrednosti, ki se prilagodijo dejanski zasnovi pisave.
Skupno besedilo
Začnite približno 16 px ali 1 rem, z višino vrstice od 1,5 do 1,7. Vizualno majhna pisava lahko zahteva več.
Naslovi
Ustvarite jasne vrzeli med ravnmi. Na mobilnih napravah se tekoča lestvica izogiba izrezanim besedam in previsokim blokom.
Maščobe
Dve ali tri uteži so dovolj: navadna za besedilo, polkrepka za reference, močna za naslove.
Širina branja
Izogibajte se odstavki teče čez celoten velik zaslon Zmerna črta omogoča lažje premakniti na naslednjo.
Priporočila za dostopnost Shopify navajajo najmanjšo velikost telesa 16 px in opozarjajo, da sta lahko dve pisavi enake velikosti videti različni.W3C zahteva tudi, da vsebina podpira povečanje besedila brez izgube ali prekrivanja.
Kako ohraniti hitrost in dostopnost?
Omeji datoteke
Naložite samo družine, teže, sloge in znake, ki se uporabljajo Pisava logotipa v slikah ni potrebna povsod.
Izberite spletno obliko
Za prilagojeno integracijo na splošno izberite WOFF2 in zagotovite tesno družino pomoči.
Izogibajte se nevidnemu besedilu
font-display preveri zamenjavo policije za nujne primere Izbira med swap, fallback ali optional odvisno od vizualnega in izvedbenega kompromisa.
Preizkusite resnično vsebino
Nadzorujte poudarke, cene, gumbe, obrazce in prevode, nato nove vrstice pri 375 px in s povečavo.
Na Shopifyju je celotna tipografija prilagojena Spletna trgovina → Teme → Uredi temo → Nastavitve teme → Tipografija. Razpoložljive pisave določi razvijalec teme Podvojite temo pred večjo spremembo in nadzorujte tudi stran za blagajno, ki ima svoje nastavitve.
Uporabne reference: shopify tipografske nastavitve, dostopnost tem in dobre prakse delovanja spleta.
Tipografske napake, ki dajejo amaterski videz
Preveč različnih družin
Tri ali štiri konkurenčne pisave nam preprečujejo razumevanje hierarhijeZačni z eno samo družino, nato pa upraviči vsak dodatek.
Okrasna pisava za telo
Rokopis, ozek ali zelo kontrasten, lahko deluje v kljuki, vendar se hitro utrudi v opisu, pogostih vprašanjih ali obliki.
Kontrasti prešibki
Fina mast v svetlo sivi barvi na belem ozadju izgleda elegantno v modelu, vendar postane težko brati na svetlem zaslonu ali za slabovidno osebo.
Spremenite brez preverjanja celotne teme
Nova pisava spremeni širino gumba, višino kartice in nove vrstice.Preglejte dom, zbirke, izdelke, nakupovalni voziček, obrazce in mobilni telefon.
Če je vaša tipografija le eden od mnogih znakov starajočega se dizajna, si jo oglejte tudi znaki, da trgovina Shopify nima strokovnosti in vodič za nadgradite staro trgovino Shopify.
Katero storitev SiteQuiVend morate izbrati?
Tri priporočila, osredotočena na jasnost, zaupanje in izkušnje na mestu Ta prva diagnoza ne nadomesti popolne revizije.
3 preproste zahteve v roku ene ure, pri čemer je prvi odgovor objavljen v 48 do 72 delovnih urah Izvedljivost je odvisna od teme in obsega.
5 ključnih strani ali modelov, do 10 izdelkov in 3 kolekcije, z okvirnim rokom 5 do 7 delovnih dni po prejemu potrebnih elementov.
Licenciranje, integracija datotek po meri, kompleksen razvoj in intervencije zunaj paketa so ocenjeni ločeno.
Kontrolni seznam pred preverjanjem pisav vašega spletnega mesta
12 bistvenih kontrol
- Največ ena ali dve družini.
- Na voljo so poudarki in simboli.
- Licenca dovoljuje uporabo spleta.
- Telo ostane udobno okoli 16 px ali več.
- Ravni naslova so različne.
- Maščobe ne nadomeščajo hierarhije.
- Gumbi ostanejo berljivi in precej široki.
- Kontrast zadostuje na vsakem ozadju.
- Odstavki niso pretirano široki.
- Nepotrebne datoteke in maščobe se ne nalagajo.
- Stran deluje z rezervno policijo.
- Domov, izdelek, nakupovalni voziček in mobilni telefon so bili preverjeni.
Pogosta vprašanja: Izbira pisav s profesionalnega spletnega mesta
Katera je najboljša pisava za profesionalno spletno mesto?
Nobena ni univerzalna. Inter, Manrope, Source Sans 3, Open Sans ali sistemski sklad so berljive osnove za prilagajanje blagovni znamki in temi.
Koliko pisav morate uporabiti na spletnem mestu?
Pogosto je dovolj popolna družina.Dva delata, če eden strukturira naslove, drugi pa olajša telo. Poleg tega se doslednost zaplete.
Je serifna pisava profesionalna?
Da, še posebej za uredniško ali premium vesolje.Izberite berljivo risbo in rezervirajte fine oblike za dokaj velika besedila.
Kakšno velikost pisave uporabiti na mobilnih napravah?
Za telo je varno izhodišče 16 px ali 1 rem. Prilagodite ga vizualni višini pisave.
Ali Google Fonts upočasni spletno mesto?
Vsaka spletna pisava doda potencialne datoteke.Vpliv je odvisen od gostovanja, masti, podnaborov in prikaza.
Ali lahko dodate pisavo po meri na Shopify?
Da, odvisno od teme in licence. Pisava, ki manjka v izbirniku, lahko zahteva datoteke in tehnične spremembe.
Ali bi morali v Shopify payment uporabljati isto pisavo?
V razpoložljivih možnostih je zaželena doslednostUrejevalnik plačil omogoča prilagajanje naslovov in telesa.
Ali je lahko spreminjanje pisave dovolj za posodobitev spletnega mesta?
Včasih.Če so barve, razmiki, komponente in vzorci neskladni, samo pisava ne bo dovolj.
