15 Perpektong Pagpares ng Font para sa Iyong Website ng Ecommerce

9 min basahin

Sinasabi ng mga siyentipiko na mayroon kang tungkol sa 10-20 segundo upang makuha ang atensyon ng mga user bago sila umalis sa iyong site para sa mga bahaging hindi alam. Kaya gusto mo talagang gawing bilang ang unang 10 segundo (no pun intended).

Ang teksto sa lugar ng header ng iyong site ay isang mahalagang mapagkukunan ng impormasyon. Ang sinasabi mo ay malinaw na makabuluhan, ngunit mahalaga din itong isaalang-alang paano sabihin mo na.

Ang palalimbagan ay ang boses ng iyong website. Hindi lamang nakakatulong ang pagpili ng tamang palalimbagan upang maiparating ang iyong mensahe, ngunit mayroon din itong kapangyarihang makaapekto sa tono at maging mas nakikilala ang iyong brand. Iyon ang dahilan kung bakit mayroong higit sa 300,000 mga font sa mundo na mapagpipilian, mula sa klasiko hanggang sa… well, nakakabaliw.

Ang font ng Canadian artist na si Jenny Shipper ay isang ode sa mga pelikula ni Federico Fellini

Sa napakaraming opsyon, ang paghahanap ng sarili mong tamang istilo ay maaaring maging isang hamon, lalo na kung hindi mo alam kung paano gumagana nang magkasama ang mga font. Sa post na ito, tatalakayin namin ang ilan sa aming mga paboritong pagpapares ng font upang matulungan kang magdisenyo ng mensahe ng header na nagko-convert.

Ang lahat ng mga halimbawa sa ibaba ay ginawa gamit ang mga tool sa disenyo na available sa Ecwid Instant na Site — isang libre at mahusay na tagabuo ng site ng ecommerce upang mapabilis ang iyong tindahan at magbenta. Matuto nang higit pa tungkol sa mga pagpipilian sa disenyo ng Instant na Site, O mag-sign up nang libre upang makita ito sa pagkilos.

Paano baguhin ang mga font sa editor ng Ecwid Instant Site:

Pumunta sa Website tab sa iyong Ecwid control panel at i-click ang “I-edit;”
Piliin ang “Headline at Cover;”
I-type ang headline at paglalarawan ng iyong tindahan. Piliin ang layout ng iyong takip at baguhin ang posisyon at pagkakahanay nito kung kinakailangan. Mula dito, maaari mo ring baguhin ang iyong background at call to action button kung ninanais;
Mag-scroll pababa at piliin ang "Typography;"
Pumili ng mga pamilya ng font, kulay, at laki para sa iyong headline at paglalarawan;
Huwag kalimutang pindutin ang "I-save" na buton kapag tapos ka na.

Spirax + Open Sans Condensed

Ang orihinal na mga curve ng Spirax ay nagbibigay sa mga headline ng isang pino ngunit kakaibang hitsura well-matched na may bukas at neutral na anyo ng Open Sans Condensed. Ang kumbinasyong ito ay maaaring gumana para sa iyo kung nagbebenta ka ng isang bagay na natatanging idinisenyo tulad ng mga alahas na gawa sa kamay.

mga pares ng font

Merriweather + Oswald

Ang Merriweather ay kaaya-ayang basahin sa mga screen na may bahagyang condensed letterform, matitibay na serif, at open form. Ito ay ganap na naaayon sa Oswald, isang font na inspirasyon ng mga klasikong istilong gothic at kakatuwa noong huling bahagi ng ika-19 at unang bahagi ng ika-20 siglo. Maaaring angkop ang pagpapares na ito sa isang tindahang nagbebenta high-end pasadyang mga produkto tulad ng mga relo o leather accessories.

mga pagpapares ng font para sa website ng ecommerce

Abril Fatface + Cabin

Ang mga manipis na serif at maayos na bilugan Ang mga kurba ng Abril Fatface ay nagbibigay sa mga headline ng eleganteng ngunit mapaglarong hitsura, na maayos ang pagkakapares na may hawakan ng modernismo ni Cabin. Subukan ang mga font na ito kung nagbebenta ka ng mga stationery na produkto o libro.

ecommerce ng pagpapares ng font

Montserrat + Merriweather

Ang Montserrat ay batay sa urban typography mula sa unang kalahati ng ika-20 siglo, na kinumpleto ng bahagyang condensed letterforms ng Merriweather. Ang pagpapares na ito ay maihain sa isang bag o sneaker store.

libreng pagpapares ng font

Overlock + Nunito

Ang mga rounded glyph na hugis ng Overlock ay gumagawa ng magagandang pamagat at maiikling teksto istilo ng magazine mga layout. Ang font na ito ay mukhang pinakamahusay sa mas malalaking sukat, na umaayon sa Nunito's balanseng mabuti mga bilog na anyo. Kung nagbebenta ka ng mga damit, ang mga font na ito ay isang mahusay na pagpipilian.

kung paano ipares ang mga font

Playfair Display + Source Sans Pro

Ang klasikong istilo ng Playfair Display ay mas kitang-kita kapag ipinares sa Source Sans Pro, na ginawa upang gumana nang maayos sa mga user interface. Ang walang hanggang combo na ito ay gagana nang maayos sa mga tindahan na nag-specialize sa mga produktong pampaganda ng kababaihan o mga tindahan ng damit.

pinakamahusay na mga pagpapares ng font

Alegreya + Lato

Ang pabago-bago at sari-saring ritmo ng Alegreya ay nagbibigay ng pagiging bago sa pahina, na itinatakda ang Lato's kalahating bilog mga detalye at matibay na istraktura. Tingnang mabuti ang mga font na ito kung nagbebenta ka ng lingerie o iba pang eleganteng accessories.

pares ng font ng google

Rokkitt + Lato

Ang Rokkitt ay idinisenyo para gamitin bilang isang display font sa mga heading at headline. Pagsamahin ito sa kalahating bilog san serif Lato upang lumikha ng isang kilalang hitsura. Bigyang-pansin ang kumbinasyong ito kung nakatuon ang iyong tindahan sa premium na sportswear o naka-istilong tech.

mga font para sa online na tindahan

Quicksand + Proxima Nova

Ang mga geometric na hugis ay isang pangunahing pundasyon ng Quicksand, kaya ipares ito sa modernong sensibilidad ng Proxima Nova upang bigyan ang iyong layout ng malinis at sariwang ugnayan. Kung nagbebenta ka ng mga laruan o baby stroller, maaaring gumana nang maayos ang mga font na ito para sa iyo.

mga pares ng font para sa online na tindahan

Oxygen + Maven Pro

Gumagana nang maayos ang oxygen sa lahat ng mga graphical na interface ng gumagamit, desktop, at device, lalo na sa kumbinasyon ng madaling mabasa ng Maven Pro. Tingnan ang pagpapares na ito kung nagbebenta ang iyong website ng eyewear o fitness accessories.

mga pagpapares ng font

Dancing Script + Lato

Ang buhay na buhay at kaswal na Dancing Script ay nagbibigay sa iyong page ng isang friendly at impormal na touch, na nagbibigay-diin sa mga klasikal na proporsyon ng Lato at makinis na san serif aesthetic. Maaaring makinabang ang mga tindahan ng regalo at postcard mula sa set na ito.

coursive na pares ng font

Signika + Dosis

Ang magiliw na karakter ng Signika ay mahusay para sa mga headline, habang ang Dosis ay ginagawang medyo madaling basahin ang mga pandagdag na teksto. Gumagana ang pagpapares na ito para sa isang malawak na hanay ng mga tindahan, mula sa electronics hanggang sa mga bulaklak.

google font pairings

Reenie Beanie + Muli

Reenie Beanie ay batay sa basic ball-point sulat-kamay ng panulat, na nagbibigay ng mapaglarong hitsura, na kinumpleto ng structured minimalism ng Muli font. Subukan ang halo na ito kung nagbebenta ka ng isang bagay tulad ng mga sketchbook o gusto mo pa mahinahon tono para sa iyong tatak.

pagpapares ng font

Questrial + Muli

Gumagawa ang San serif Muli ng perpektong body text font, at ito ay understated na aesthetic ay nangangahulugan na mahusay itong ipinares sa iba't ibang uri ng headline font: tulad ng Questrial na may modernong istilo at buong bilog kurba. Ang set na ito ay maaaring isang pumunta sa variant para sa streetwear.

pares ng font

Berkshire Swash + Proxima Nova

Ang Berkshire Swash ay may matapang ngunit banayad na likas na talino, na gumagawa para sa isang matingkad na headline at nagbibigay ng kamangha-manghang balanse sa simple, modernong proporsyon at geometric na hitsura ng Proxima Nova. Ang mga pampaganda o panghimagas na gawa sa kamay ay makikinabang sa halo na ito.

pagpapares ng mga font nang magkasama

Mga Pangunahing Kaalaman sa Mga Pagpares ng Font

Hindi nakita ang iyong hinahanap sa aming listahan? Kung pakiramdam mo ay malikhain ka, subukang maglaro ng mga font sa libreng Instant na Site editor at hanapin ang sarili mong magandang kumbinasyon ng font.

Narito ang ilang pangunahing patnubay na dapat sundin:

Gumawa ng contrast sa pagitan ng iyong mga font (bold & mapagmumura, MATANGkad at maikli)
Pagsamahin ang serif at san-serif mga font (tulad ng Libre Baskerville + Signika).
Huwag gumamit ng dalawang magkatulad na font (halimbawa, dalawang cursive) para sa iyong headline at body text. Ang paglikha ng iba't-ibang ay maakit ang mata at makakatulong sa iyong customer na makipag-ugnayan sa bawat seksyon nang paisa-isa.
Gawing tumutugma ang font sa iyong brand. Ang mapaglarong sulat-kamay na mga titik ay malamang na hindi ang pinakaangkop para sa isang premium na brand ng alahas.
Limitahan ang iyong sarili sa 2-3 mga font upang maiwasang magmukhang kalat ang iyong nilalaman.

Din basahin ang: 50 Mga Huwarang Online na Tindahan na Ginawa Gamit ang Ecwid