폰트 페어링 & Google Fonts 디렉터리
인기 있는 Google Fonts를 라이브 미리보기와 함께 엄선된 디렉터리로 둘러보고, 카테고리별로 필터링하며 이름으로 검색한 뒤, 바로 붙여넣을 수 있는 CSS를 복사하고 추천 폰트 페어링을 탐색하세요 — 모두 브라우저에서.
모든 처리가 브라우저에서 이뤄집니다 — 폰트는 라이브 미리보기를 위해 Google Fonts에서만 로드되며, 아무것도 업로드되지 않고, 가입 없음, 완전 무료입니다.
디스플레이 폰트로 설정된 제목
여기에는 짝지어진 본문 폰트로 설정된 본문 단락이 있습니다. 좋은 폰트 페어링은 개성과 가독성의 균형을 맞춥니다: 개성 있는 제목 서체가 시선을 끄는 동안, 깔끔하고 편안한 본문 서체가 긴 문장을 읽기 쉽게 유지합니다. "CSS"를 클릭하면 두 @import 줄과 제목 및 본문 텍스트의 font-family 규칙을 모두 복사할 수 있습니다.
폰트 페어링 & Google Fonts 디렉터리 소개
이 폰트 디렉터리는 80개의 인기 있는 Google Fonts를 한 검색 가능한 페이지에 모아, 각각을 팬그램 샘플 줄, 알파벳과 숫자 줄, 카테고리 배지가 함께 있는 실시간 견본으로 렌더링합니다. 산세리프, 세리프, 디스플레이, 손글씨, 모노스페이스 다섯 가지 서체 계열을 다루므로 이름만 보고 추측하지 않고 실제 글자 모양을 비교할 수 있습니다.
모든 폰트 카드에는 엄선된 페어링 제안이 포함되어 있습니다. 제목과 본문 텍스트에 잘 어울리는 짝꿍 폰트들입니다. 페어링 칩을 클릭하면 한 폰트로 헤드라인을, 다른 폰트로 문단을 설정한 미리보기가 열려 조합을 확정하기 전에 실제 맥락에서 판단할 수 있습니다.
폰트나 페어링이 마음에 들면 클릭 한 번으로 바로 붙여넣을 수 있는 CSS를 복사할 수 있습니다. Google Fonts 스타일시트용 @import 줄과 적절한 대체 폰트를 포함한 일치하는 font-family 스택입니다. 폰트는 실시간 미리보기를 위해서만 Google Fonts에서 로드되며, 입력한 어떤 것도 어디에도 업로드되지 않습니다.
폰트 페어링 & Google Fonts 디렉터리 사용 방법
- 각 폰트 카드에서 이름, 카테고리 배지, 실제 서체로 설정된 실시간 샘플 텍스트를 확인하며 둘러보세요.
- 검색 상자로 이름으로 폰트를 찾거나, 카테고리 칩(Sans-serif, Serif, Display, Handwriting, Monospace)을 클릭해 그리드를 필터링하세요.
- 크기 슬라이더(16~72px)를 드래그해 원하는 제목이나 본문 크기로 샘플 줄을 미리 보세요.
- "Pairs with" 칩이나 "Preview pairing" 버튼을 클릭해 제안된 조합으로 설정된 헤드라인과 본문 문단을 확인하세요.
- 카드나 페어링 미리보기에서 "CSS" 버튼을 클릭해 @import 줄과 font-family 선언을 클립보드에 복사하세요.