전자상거래 웹사이트를 위한 15가지 완벽한 글꼴 조합

9 분 읽음

과학자들은 당신이 10-20 초 사용자가 알려지지 않은 부분을 찾기 위해 사이트를 떠나기 전에 사용자의 관심을 끌 수 있습니다. 그래서 당신은 정말로 처음 10초를 중요하게 만들고 싶습니다(말장난 의도는 아닙니다).

사이트 헤더 영역의 텍스트는 중요한 정보 소스입니다. 당신이 말하는 분명히 중요하지만 고려해야 할 사항도 중요합니다. 방법 당신은 그것을 말한다.

타이포그래피는 웹사이트의 목소리입니다. 올바른 타이포그래피를 선택하면 메시지를 전달하는 데 도움이 될 뿐만 아니라 톤에 영향을 주고 브랜드를 더욱 쉽게 알아볼 수 있게 만드는 힘도 있습니다. 그렇기 때문에 클래식 글꼴부터… 음, 미친 글꼴까지 선택할 수 있는 글꼴이 전 세계에 300,000개 이상 있습니다.

캐나다 예술가 Jenny Shipper의 글꼴은 Federico Fellini의 영화에 대한 찬사입니다.

옵션이 너무 많아서 자신에게 맞는 스타일을 찾는 것이 어려울 수 있습니다. 특히 글꼴이 어떻게 함께 작동하는지 모르는 경우 더욱 그렇습니다. 이 게시물에서는 변환되는 헤더 메시지를 디자인하는 데 도움이 되는 몇 가지 즐겨찾는 글꼴 조합을 살펴보겠습니다.

아래의 모든 예는 매장을 빠르게 운영하고 판매할 수 있는 효율적인 무료 전자상거래 사이트 빌더인 Ecwid Instant Site에서 사용할 수 있는 디자인 도구를 사용하여 작성되었습니다. 인스턴트 사이트의 디자인 옵션에 대해 자세히 알아보세요.및 무료로 가입하세요 실제로 작동하는 모습을 확인하세요.

Ecwid Instant Site 편집기에서 글꼴을 변경하는 방법:

로 이동 웹 사이트 Ecwid 제어판의 탭을 클릭하고 “편집”을 클릭하세요.
'제목 및 표지'를 선택하세요.
매장의 제목과 설명을 입력하세요. 표지 레이아웃을 선택하고 필요한 경우 위치와 정렬을 변경하세요. 원하는 경우 여기에서 배경과 클릭 유도 문구 버튼을 변경할 수도 있습니다.
아래로 스크롤하여 “타이포그래피”를 선택하십시오.
제목과 설명의 글꼴 모음, 색상, 크기를 선택하세요.
작업이 끝나면 “저장” 버튼을 누르는 것을 잊지 마세요.

Spirax + Open Sans Condensed

스파이렉스 고유의 곡선은 헤드라인에 세련되면서도 기발한 느낌을 줍니다. 잘 어울리는 개방적이고 중립적인 형태의 Open Sans Condensed를 사용합니다. 수제 보석처럼 독특하게 디자인된 제품을 판매하는 경우 이 조합이 도움이 될 수 있습니다.

글꼴 쌍

메리웨더 + 오스왈드

Merriweather는 약간 압축된 서체, 견고한 세리프체, 개방형 형태로 화면에서 읽기에 좋습니다. 19세기 후반과 20세기 초반의 고전 고딕과 그로테스크 스타일에서 영감을 받은 글꼴인 Oswald와 완벽하게 조화를 이룹니다. 이 페어링은 판매하는 매장에 적합할 수 있습니다. 하이 엔드 시계나 가죽 액세서리와 같은 맞춤형 제품.

전자상거래 웹사이트용 글꼴 조합

아브릴 팻페이스 + 캐빈

얇은 세리프체와 다재다능한 Abril Fatface의 곡선은 헤드라인에 우아하면서도 유쾌한 느낌을 줍니다. 잘 어울리는 Cabin의 모더니즘적 감각이 가미된 제품입니다. 문구류나 책을 판매하는 경우 이 글꼴을 사용해 보세요.

글꼴 페어링 전자상거래

몬세라트 + 메리웨더

몬세라트는 20세기 전반의 도시형 타이포그래피를 기반으로 하며 메리웨더(Merriweather)의 약간 압축된 서체로 보완되었습니다. 이 페어링은 가방이나 운동화 매장에서 잘 어울립니다.

무료 글꼴 페어링

오버록 + 누니토

Overlock의 둥근 문자 모양은 멋진 제목과 짧은 텍스트를 만들어줍니다. 잡지 스타일 레이아웃. 이 글꼴은 Nunito의 글꼴을 보완하여 더 큰 크기에서 가장 잘 보입니다. 균형이 잡힌 둥근 형태. 옷을 판매한다면 이 글꼴은 훌륭한 선택입니다.

글꼴을 페어링하는 방법

Playfair 디스플레이 + Source Sans Pro

Playfair Display의 고전적인 스타일은 사용자 인터페이스에서 잘 작동하도록 만들어진 Source Sans Pro와 함께 사용할 때 더욱 두드러집니다. 시대를 초월한 이 콤보는 여성 뷰티 전문 매장이나 드레스 매장과 잘 어울립니다.

최고의 글꼴 조합

알레그레야 + 라토

Alegreya의 역동적이고 다양한 리듬은 페이지에 신선함을 제공하여 Lato의 반원형 세부 사항과 강력한 구조. 란제리나 기타 우아한 액세서리를 판매하는 경우 이 글꼴을 자세히 살펴보세요.

구글 글꼴 쌍

로킷 + 라토

Rokkitt는 제목과 헤드라인의 표시 글꼴로 사용하도록 설계되었습니다. 그것을 결합하십시오 반원형 산세리프 라토(Lato)를 사용하여 눈에 띄는 룩을 연출합니다. 매장이 프리미엄 스포츠웨어나 스타일리시한 기술에 중점을 두고 있다면 이 조합에 주목하세요.

온라인 상점용 글꼴

유사 + 프록시마 노바

기하학적 모양은 Quicksand의 핵심 기반이므로 Proxima Nova의 현대적인 감성과 결합하여 레이아웃에 깨끗하고 신선한 느낌을 더하세요. 장난감이나 유모차를 판매하는 경우 이 글꼴이 적합할 수 있습니다.

온라인 상점용 글꼴 쌍

산소 + 메이븐 프로

Oxygen은 특히 Maven Pro의 쉬운 가독성과 결합하여 모든 그래픽 사용자 인터페이스, 데스크톱 및 장치에서 잘 작동합니다. 귀하의 웹사이트에서 안경이나 피트니스 액세서리를 판매하는 경우 이 페어링을 확인하세요.

글꼴 페어링

댄스 스크립트 + 라토

활기차고 캐주얼한 Dancing Script는 Lato의 고전적인 비율과 매끄러운 산세리프 미학을 강조하면서 페이지에 친근하고 비공식적인 느낌을 줍니다. 선물 가게와 엽서 상점에서 이 세트를 구매하면 도움이 될 수 있습니다.

필기체 글꼴 쌍

시그니카 + 도시스

Signika의 온화한 성격은 헤드라인에 적합하고, Dosis는 보충 텍스트를 읽기 쉽게 만듭니다. 이 페어링은 전자제품부터 꽃까지 다양한 매장에서 작동합니다.

구글 폰트 페어링

리니 비니 + 물리

Reenie Beanie는 기본을 바탕으로 볼 포인트 Muli 글꼴의 구조화된 미니멀리즘이 보완되어 장난스러운 느낌을 주는 펜 필기체입니다. 스케치북과 같은 물건을 판매하거나 더 많은 것을 원할 경우 이 조합을 사용해 보세요. 여유로운 귀하의 브랜드에 맞는 톤을 만들어 보세요.

글꼴 페어링

퀘스트리알 + 물리

San serif Muli는 완벽한 본문 텍스트 글꼴을 만들고 절제된 미적 특성으로 인해 현대적인 스타일의 Questrial과 같은 다양한 헤드라인 글꼴과 잘 어울립니다. 원 곡선. 이 세트는 가다 스트리트웨어의 변형.

글꼴 쌍

버크셔 스워시 + 프록시마 노바

Berkshire Swash는 대담하면서도 부드러운 감각을 가지고 있어 생생한 헤드라인을 만들고 Proxima Nova의 단순하고 현대적인 비율과 기하학적인 외관과 놀라운 균형을 제공합니다. 수제 화장품이나 디저트에 이 혼합물을 사용하면 도움이 될 것입니다.

글꼴을 함께 페어링

글꼴 쌍의 기본 사항

우리 목록에서 원하는 것을 찾지 못하셨나요? 창의력을 발휘하고 싶다면 글꼴을 사용해 보세요. 무료 인스턴트 사이트 편집기에서 나만의 아름다운 글꼴 조합을 찾아보세요.

따라야 할 몇 가지 기본 지침은 다음과 같습니다.

글꼴 사이에 대비를 만듭니다(굵게 & 필기체, 키가 크고 짧음)
세리프체와 산세리프체 글꼴(예: Libre Baskerville + Signika)
헤드라인과 본문 텍스트에 두 개의 유사한 글꼴(예: 필기체 두 개)을 사용하지 마세요. 다양성을 만들면 시선을 끌고 고객이 각 섹션에 개별적으로 참여하는 데 도움이 됩니다.
브랜드에 맞는 글꼴을 만드세요. 유쾌한 손글씨 편지는 아마도 프리미엄 주얼리 브랜드에 가장 적합하지 않을 것입니다.
자신을 제한 2-3 콘텐츠가 복잡해 보이지 않도록 글꼴을 사용하세요.

또한 읽기 : Ecwid로 구축한 50개의 모범적인 온라인 상점