도구 가이드
design 무료 회원가입 불필요

폰트 페어링 도구

엄선된 Google Fonts 페어링을 탐색하고, 제목과 본문 텍스트를 실시간으로 미리 보고, 즉시 사용 가능한 CSS 스니펫을 복사하세요.

도구를 불러오는 중…

이 도구에 대해

Playfair Display + Source Sans Pro 또는 Montserrat + Merriweather와 같은 20가지 이상의 엄선된 폰트 페어링을 탐색하거나, 30가지 엄선된 폰트 목록에서 자유롭게 조합하세요. 폰트는 Google Fonts API를 통해 동적으로 로드되므로 텍스트가 어떻게 보일지 정확히 확인할 수 있습니다. 사용자 지정 미리보기 텍스트를 입력한 후 @import 스니펫과 CSS font-family 선언을 복사하여 프로젝트에 즉시 사용하세요.

사용 방법

  1. 1 1단계: 갤러리에서 엄선된 페어링을 선택하거나 탐색 모드로 전환하여 엄선된 30가지 폰트 목록에서 제목 폰트와 본문 폰트를 선택하세요.
  2. 2 2단계: 미리보기 패널에 직접 텍스트를 입력하여 선택한 폰트에서 콘텐츠가 어떻게 보이는지 정확히 확인하세요.
  3. 3 3단계: 모바일, 태블릿, 데스크톱 등 다양한 크기에서 페어링을 평가하기 위해 폰트 크기를 조정하세요.
  4. 4 4단계: 'CSS 복사'를 클릭하여 스타일시트에 바로 붙여 넣을 수 있는 Google Fonts @import URL과 font-family 선언을 복사하세요.

자주 묻는 질문

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}