아름다운 Google Fonts 폰트 페어링을 발견하고 미리보기, 실시간 예제 텍스트 및 CSS 규칙 원클릭 복사
CSS 도구
이 도구 정보
CSS 폰트 페어링 도구는 16개의 엄선된 Google Fonts 페어링 중에서 완벽한 제목 및 본문 폰트 조합을 찾을 수 있도록 도와줍니다. 카테고리별로 필터링하고, 텍스트 효과를 실시간으로 미리보며, 폰트 크기를 조정하고, @import 문이 포함된 바로 사용 가능한 CSS 코드를 복사할 수 있습니다.
주요 기능
- 16개의 엄선된 Google Fonts 제목 및 본문 폰트 페어링
- 카테고리 필터: 전체, sans-serif, serif, monospace, display
- 사용자 정의 제목 및 본문 예제 텍스트로 실시간 미리보기
- 조정 가능한 제목 및 본문 폰트 크기
- @import 문이 포함된 CSS 코드 생성
- 폰트 페어링 CSS 코드 원클릭 복사
사용 사례
- 새 웹사이트 및 랜딩 페이지의 타이포그래피 선택
- 블로그 및 편집 레이아웃을 위한 보완 폰트 찾기
- 디자인 시스템 확정 전 폰트 조합 프로토타입 제작
- 디자인 시스템용 일관된 타이포그래피 CSS 생성
- serif, sans-serif 및 display 폰트 페어링 빠르게 탐색
fonts
typography
css
google-fonts
자주 묻는 질문
CSS 폰트 페어링이란 무엇인가요?
CSS 폰트 페어링은 엄선된 Google Fonts 폰트 페어링을 발견하고 미리보며 실시간 예제 텍스트와 원클릭 CSS 코드 생성을 지원하는 온라인 CSS 도구입니다. 완전히 브라우저에서 실행되며 어떤 서버에도 데이터를 전송하지 않습니다.
몇 개의 폰트 페어링을 사용할 수 있나요?
도구에는 sans-serif, serif, monospace 및 display 카테고리를 포함한 16개의 엄선된 Google Fonts 폰트 페어링이 포함되어 있습니다. 카테고리별로 필터링하여 가장 적합한 페어링을 찾을 수 있습니다.
미리보기에서 폰트 크기를 조정할 수 있나요?
가능합니다. 내장 컨트롤을 사용하여 제목 및 본문 폰트 크기를 조정할 수 있습니다. 이를 통해 페어링을 확정하기 전에 다양한 크기에서 실제 효과를 확인할 수 있습니다.
CSS 폰트 페어링은 무료인가요?
네, CSS 폰트 페어링은 완전히 무료로 사용할 수 있습니다. 숨겨진 비용, 구독 또는 제한이 없습니다. 모든 기능이 모든 사람에게 열려 있습니다.
휴대폰에서 CSS 폰트 페어링을 사용할 수 있나요?
네, CSS 폰트 페어링은 완전 반응형 디자인으로 스마트폰, 태블릿, 데스크톱 등 모든 기기를 지원합니다.