폰트 미리보기
사용자 지정 텍스트, 크기, 굵기, 간격 및 색상으로 모든 구글 폰트를 테스트하세요. CSS를 즉시 복사하세요.
48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS
실시간 폰트 미리보기 도구란?
실시간 폰트 미리보기 도구는 코드를 작성하지 않고 실시간으로 타이포그래피를 테스트할 수 있게 해줍니다. 2,000개 이상의 구글 폰트 중에서 선택하고, 크기, 굵기, 자간, 행간을 조정하여 웹사이트에서 텍스트가 어떻게 보일지 확인하세요.
이 도구는 누구를 위한 것인가요?
디자이너들은 제목과 본문 텍스트의 서체를 빠르게 비교하기 위해 사용합니다. 개발자들은 프로젝트에 추가하기 전에 CSS를 미세 조정하는 데 활용합니다. 웹사이트나 브랜드를 구축하는 누구든지 구글 폰트를 시각적으로 탐색하고 한 번의 클릭으로 CSS를 복사할 수 있습니다.
폰트 설정 도구 사용 방법
폰트 패밀리 버튼을 클릭해 드롭다운을 열고 2,000개 이상의 구글 폰트를 검색하세요. 샘플 텍스트를 입력하고 슬라이더로 크기(8-200px), 굵기(100-900), 자간, 행간을 조정하세요. CSS 패널이 즉시 업데이트됩니다.
구글 폰트 - 무료 오픈 소스
이 도구의 모든 2,000개 이상의 폰트는 구글이 관리하는 무료 오픈 소스 폰트 라이브러리인 구글 폰트에서 제공됩니다. 간단한 CSS 임포트로 어느 웹사이트에서나 라이선스 비용 없이 사용할 수 있습니다.