타이포그래피 도구

폰트 선택, 페어링, CSS 생성을 위한 무료 인터랙티브 도구. 모든 것이 브라우저에서 실행됩니다.

폰트 페어링 생성기

폰트를 선택하고 AI가 추천하는 페어링을 실시간 미리보기로 확인하세요.

도구 열기 →

폰트 미리보기

Google Fonts를 원하는 텍스트, 크기, 굵기, 색상으로 미리보기합니다.사용자 지정 텍스트, 크기, 굵기, 색상으로 Google Fonts를 미리 볼 수 있습니다.

도구 열기 →

폰트 비교

동일한 샘플 텍스트로 2~4개 폰트를 나란히 비교하세요.

도구 열기 →

타입 스케일 계산기

1.25, 1.333, 1.5 등의 비율로 조화로운 타입 스케일을 생성합니다.1.25, 1.333, 1.5 같은 비율을 사용하여 조화로운 타입 스케일을 생성합니다.

도구 열기 →

폰트 스택 빌더

웹 안전 폴백을 포함한 CSS font-family 스택을 구성합니다.

도구 열기 →

CSS 코드 생성기

Google Fonts용 바로 사용 가능한 CSS @import 및 font-family 코드를 생성합니다.

도구 열기 →

대비 검사기

WCAG AA 및 AAA 기준에 대한 텍스트/배경 색상 대비 비율을 확인합니다.

도구 열기 →

플루이드 타입 계산기

뷰포트 크기 사이의 플루이드 반응형 타이포그래피를 위한 CSS clamp() 선언을 생성합니다.

도구 열기 →

px / rem / em 변환기

px, rem, em, pt 단위를 즉시 변환합니다. 기본 폰트 크기를 설정하세요.

도구 열기 →

Font Pairing Tool

Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.

도구 열기 →

가변 폰트 플레이그라운드

가변 폰트 축을 인터랙티브하게 탐색 — 굵기, 너비, 기울기, 광학 크기.

도구 열기 →

Frequently Asked Questions

Yes, all typography tools are completely free with no sign-up required. They run entirely in your browser using JavaScript — no data is sent to a server.
Yes. All tools are fully responsive and work on phones, tablets, and desktops. The interactive controls adapt to smaller screens, though some tools like the font compare are most useful on wider viewports.
All modern browsers are supported: Chrome, Firefox, Safari, and Edge. The tools use standard web technologies (CSS, JavaScript, Alpine.js) with no special plugins required. Internet Explorer is not supported.
Google Fonts is a free, open-source library of over 1,700 font families that you can use in any web project. Fonts are served from Google's CDN for fast loading. FontFYI tools use Google Fonts data to let you preview, pair, and generate CSS for any available font.
The tools have access to all 1,911 fonts in the Google Fonts library, covering serif, sans-serif, display, handwriting, and monospace categories. The font list is regularly updated when Google adds new fonts.
Yes. Google Fonts includes fonts for many scripts including Arabic, Chinese, Japanese, Korean, Devanagari, Thai, and more. You can preview and pair these fonts just like Latin fonts. The preview tool lets you enter text in any language to test how a font handles your script.