Google Fonts 미리보기, 크기, 굵기, 간격 사용자 정의, 폰트 나란히 비교
개발자 도구
이 도구 정보
폰트 미리보기는 50개 이상의 Google Fonts를 미리보고 비교할 수 있으며, 크기, 굵기, 스타일, 간격 및 색상을 완전히 제어할 수 있습니다. 미리보기, 글자 샘플 및 비교의 세 가지 보기 모드를 제공하며, 바로 사용할 수 있는 CSS 코드를 생성하고 한 번에 복사할 수 있습니다.
주요 기능
- 50개 이상의 인기 Google Fonts, 검색 및 필터 지원
- 세 가지 보기 모드: 미리보기, 글자 샘플 및 비교
- 완전한 타이포그래피 제어: 크기, 굵기(100–900), 스타일, 자간, 행간
- 사용자 정의 텍스트 및 배경 색상, HEX 입력 지원
- 편집 가능한 미리보기 텍스트, 실시간 효과 테스트
- CSS 출력을 클립보드에 한 번에 복사
사용 사례
- 웹 디자인 프로젝트에 적합한 Google Font 선택
- 결정하기 전에 두 폰트 나란히 비교
- 스타일시트용 CSS 폰트 선언 생성
- 다양한 크기와 굵기에서 폰트 가독성 테스트
- 글자 샘플 보기로 폰트의 전체 문자 세트 탐색
fonts
google-fonts
typography
자주 묻는 질문
폰트 미리보기에 어떤 폰트가 사용 가능한가요?
도구에는 Roboto, Inter, Poppins, Playfair Display, Montserrat 등 50개 이상의 인기 Google Fonts가 포함되어 있습니다. 폰트 목록을 검색하고 필터링하여 이상적인 폰트를 찾을 수 있습니다.
두 폰트를 나란히 비교할 수 있나요?
네, 비교 탭에서 두 폰트를 나란히 볼 수 있으며, 각각 독립적인 크기와 굵기 제어가 가능하여 유사한 폰트 간 선택에 도움이 됩니다.
폰트의 CSS 코드를 어떻게 얻나요?
미리보기 탭에 현재 설정의 완전한 CSS 선언이 표시되며, 「CSS 복사」 버튼을 클릭하면 즉시 클립보드에 복사됩니다.
폰트 미리보기를 오프라인에서 사용할 수 있나요?
도구 자체는 브라우저에서 실행되지만, Google Fonts는 CDN에서 로드되므로 폰트를 렌더링하려면 네트워크 연결이 필요합니다.
미리보기 텍스트를 사용자 정의할 수 있나요?
네, 미리보기 영역은 편집 가능합니다——클릭하여 자신의 텍스트를 입력하고 선택한 폰트에서의 효과를 확인할 수 있습니다.