Question 1

웹사이트에 좋은 폰트 페어링이란?

Accepted Answer

강한 페어링은 '조화 속의 대비'에서 나옵니다. 일반적인 공식은: 개성 있는 디스플레이 서체를 헤드라인에, 중성적이고 가독성 높은 sans를 본문에. 여기의 15개 페어링은 모두 이 형태를 따릅니다——한 폰트가 정체성을, 다른 폰트가 가독성을 담당합니다.

Question 2

Google Fonts는 상업적으로 사용할 수 있나요?

Accepted Answer

예. Google Fonts의 모든 폰트는 오픈 소스(OFL 또는 유사 라이선스)이며 표기 없이 상업적으로 무료 사용 가능합니다. 자체 호스팅하거나 Google CDN에서 로드할 수 있습니다——둘 다 허용됩니다.

Question 3

웹사이트에는 몇 개의 폰트를 사용해야 하나요?

Accepted Answer

2개가 이상적입니다: 1개의 디스플레이/헤드라인 폰트, 1개의 본문/UI 폰트. 본문과 UI를 나누면(예: 산문에 serif, 버튼에 sans) 3개도 괜찮습니다. 그 이상은 의도적으로 편집적인 디자인이 아닌 한 거의 항상 산만해 보입니다.

Question 4

디스플레이 폰트와 본문 폰트의 차이는?

Accepted Answer

디스플레이 폰트는 큰 사이즈용으로 설계되었습니다——개성이 강하고 비율이 과장되며 장식 디테일이 48px+에서 읽힙니다. 본문 폰트는 14–18px의 가독성에 맞춰 조정되었습니다——중성 글자 형태, 넉넉한 자간, 화면 읽기에 최적화.

Question 5

이 페어링을 디자인 도구로 어떻게 추출하나요?

Accepted Answer

Google Fonts의 link 스니펫 또는 @import CSS를 복사하여 HTML head나 CSS에 붙여넣으세요. 폰트 패밀리가 자동으로 로드되어 Tailwind 설정이나 디자인 토큰에서 사용할 수 있습니다. 각 폰트의 Google Fonts 페이지로도 직접 링크하므로 더 많은 굵기를 미리 볼 수 있습니다.

폰트 페어링 도구——브랜드의 목소리 찾기

15개 페어링 전체

페어링에서 완전한 웹사이트로, 5분

자주 묻는 질문

관련 도구