폰트 페어링 도구
웹사이트에 완벽한 폰트 조합을 찾아보세요. 제목과 본문 폰트를 선택하고, 실시간으로 미리보기하고, 바로 사용할 수 있는 CSS를 복사하세요.
폰트 설정
제목과 본문 폰트를 커스터마이즈
48px
18px
1.6
미리보기
Playfair Display + Lato
폰트 페어링의 예술을 탐험하세요
좋은 타이포그래피는 보이지 않습니다. 훌륭한 타이포그래피는 잊을 수 없습니다. 올바른 폰트 페어링은 시각적 계층을 만들고, 가독성을 높이며, 브랜드 아이덴티티를 강화합니다. 랜딩 페이지, 블로그, 이커머스 스토어 등 어떤 것을 만들든 선택한 폰트가 전체 사용자 경험의 톤을 결정합니다.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( )
CSS
/* Heading */
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif;
font-weight: 700;
}
h1 {
font-size: 48px;
}
/* Body */
body, p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.6;
}
/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lato:wght@400&display=swap');엄선된 폰트 페어링
전문가가 선택한 아름다운 조합
폰트 페어링 팁
대비 만들기
다른 개성을 가진 폰트를 조합하세요. 장식적인 제목과 깔끔한 본문이 자연스러운 시각적 계층을 만듭니다.
폰트 수 제한
최대 2-3개의 폰트 패밀리를 사용하세요. 너무 많으면 디자인이 혼란스러워 보입니다.
가독성 우선
본문은 작은 크기에서도 명확하고 읽기 쉬워야 합니다. 화면 읽기에 최적화된 폰트를 선택하세요.
다양한 기기에서 테스트
데스크톱에서 좋아 보이는 것이 모바일에서는 다를 수 있습니다. 항상 다양한 화면 크기에서 미리보기하세요.
브랜드에 맞추기
세리프 폰트는 전통과 신뢰를, 산세리프는 모던함과 친근함을 전달합니다. 브랜드 목소리에 맞는 폰트를 선택하세요.
굵기 활용
폰트 패밀리를 추가하는 대신 다양한 굵기로 강조와 계층을 만드세요.