폰트 조합 생성기
엄선된 20가지 Google Fonts 조합을 탐색해보세요. 사용자 정의 텍스트로 미리 보고, 크기를 조정하고, 바로 사용할 수 있는 CSS를 복사하세요.
미리보기 텍스트
인기 폰트 조합 20선
CSS 코드
복사됨!
폰트 조합 생성기란 무엇인가요?
폰트 조합 생성기는 디자이너와 개발자가 제목 및 본문 글꼴의 조화로운 조합을 찾는 데 도움을 줍니다. 훌륭한 타이포그래피 조합은 시각적 계층 구조와 가독성을 만듭니다. 이 도구는 20가지 인기 있는 Google Fonts 조합을 선별하고, 사용자가 자신의 텍스트로 미리 볼 수 있게 하며, 바로 사용할 수 있는 CSS 코드를 생성합니다.
완벽한 폰트 조합을 찾는 방법
- 사용자 정의 텍스트 입력 — 입력 필드에 제목 및 본문 텍스트를 입력하세요.
- 크기 조정 — 슬라이더를 사용하여 제목 및 본문 글꼴 크기를 설정하세요.
- 조합 찾아보기 — 엄선된 20가지 Google Fonts 조합을 스크롤하여 살펴보세요.
- 배경 전환 — 어둡게 및 밝게 미리보기 간에 전환하여 글꼴이 두 모드에서 어떻게 보이는지 확인하세요.
- 조합 선택 — CSS 코드를 보려면 아무 조합이나 클릭하세요.
- CSS 복사 — CSS 복사를 클릭하여 프로젝트에 대한 가져오기 및 스타일 규칙을 얻으세요.
이 폰트 조합 도구를 사용하는 이유는 무엇인가요?
- 엄선된 품질 — 세리프 + 산세리프 대비와 같은 입증된 디자인 원칙을 따르는 20가지 엄선된 조합
- 라이브 미리보기 — 글꼴은 Google Fonts CDN에서 로드되고 사용자 정의 텍스트로 실시간으로 렌더링됩니다.
- 크기 제어 — 슬라이더를 사용하면 다양한 제목 및 본문 크기를 테스트하여 비율과 리듬을 확인할 수 있습니다.
- 어둡게 & 밝게 — 배경 모드를 전환하여 두 테마에서 조합이 어떻게 작동하는지 확인하세요.
- 바로 사용 가능한 CSS — 프로젝트에 바로 적용할 수 있는 정확한 @import 및 font-family 규칙을 얻으세요.
- 계정 불필요 — 무료, 가입 필요 없음, 브라우저에서 완전히 실행됩니다.
FreeToolbox vs 다른 폰트 조합 도구
| 기능 | FreeToolbox | Fontjoy | Typ.io |
|---|---|---|---|
| 조합 | 20가지 엄선 | AI 생성 | 커뮤니티 |
| 사용자 정의 텍스트 | 예 | 예 | 아니요 |
| 크기 제어 | 슬라이더 | 아니요 | 아니요 |
| 어둡게/밝게 전환 | 예 | 아니요 | 아니요 |
| CSS 내보내기 | 원클릭 | 아니요 | 수동 |
| 광고 | 최소 | 보통 | 많음 |
| 개인 정보 보호 | 브라우저 전용 | 서버 | 서버 |
자주 묻는 질문
이 글꼴은 무료로 사용할 수 있나요?
예. 20가지 조합 모두 무료 오픈 소스인 Google Fonts를 사용합니다. 라이선스 비용 없이 개인 및 상업 프로젝트에서 사용할 수 있습니다.
글꼴은 어떻게 로드되나요?
글꼴은 Google Fonts CDN에서 요청 시 로드됩니다. 조합을 스크롤할 때 각 글꼴이 가져와서 브라우저에 의해 캐시됩니다.
생성된 CSS를 프로젝트에서 직접 사용할 수 있나요?
예. CSS 코드에는 @import URL 및 font-family 규칙이 포함되어 있습니다. 스타일시트에 복사하여 붙여넣어 즉시 조합을 사용하기 시작하세요.
세리프와 산세리프를 함께 사용하는 이유는 무엇인가요?
대비는 훌륭한 타이포그래피의 핵심 원칙입니다. 세리프 제목과 산세리프 본문(또는 그 반대)을 함께 사용하면 명확한 시각적 계층 구조가 만들어지고 가독성이 향상됩니다.
내 텍스트로 미리 볼 수 있나요?
예. 상단의 입력 필드에 제목 및 본문 텍스트를 입력하세요. 20가지 조합 모두 사용자 정의 텍스트로 즉시 업데이트됩니다.