웹 폰트 미리보기
Google Fonts의 웹 폰트를 실시간으로 미리 볼 수 있습니다. 크기와 색상을 조절하면서 여러 폰트를 비교해 보세요.
Arial
sans-serifArial, sans-serif
Helvetica
sans-serifHelvetica, Arial, sans-serif
Verdana
sans-serifVerdana, Geneva, sans-serif
Trebuchet MS
sans-serif"Trebuchet MS", Helvetica, sans-serif
Georgia
serifGeorgia, "Times New Roman", serif
Times New Roman
serif"Times New Roman", Times, serif
Courier New
monospace"Courier New", Courier, monospace
Impact
displayImpact, Haettenschweiler, sans-serif
Comic Sans MS
display"Comic Sans MS", cursive, sans-serif
monospace
genericmonospace
serif
genericserif
sans-serif
genericsans-serif
사용 방법
텍스트 입력
미리 보고 싶은 텍스트를 입력합니다
폰트 선택
비교하고 싶은 폰트를 선택합니다
미리보기 확인
글꼴 크기와 굵기를 조절하면서 미리 봅니다
기능
실시간 미리보기
입력하는 동시에 폰트 표시가 실시간으로 업데이트됩니다
Google Fonts 지원
풍부한 Google Fonts 라이브러리에서 선택할 수 있습니다
폰트 비교
여러 폰트를 나란히 표시하여 최적의 폰트를 찾을 수 있습니다
FAQ
🔗관련 도구
색상 코드 변환기
HEX, RGB, HSL 색상 코드 간 변환을 합니다. 색상 선택기와 실시간 미리보기로 직관적인 색상 선택이 가능합니다.
색상 선택기
색상 휠과 슬라이더로 직관적으로 색상을 선택하세요. HEX, RGB, HSL 형식의 색상 코드를 확인하고 복사할 수 있습니다.
이미지 색상 추출기
이미지에서 대표 색상을 자동으로 감지하고 색상 팔레트를 생성합니다. 이미지의 아무 곳이나 클릭하여 개별 색상을 추출할 수도 있습니다.
이미지 평균 색상 추출기
이미지 전체 또는 선택 영역의 평균 색상을 계산합니다. 색상 배합이나 썸네일 배경색 선택에 유용합니다.
CSS 그라데이션 생성기
드래그 조작으로 CSS 그라데이션을 시각적으로 만듭니다. 선형, 원형, 원추형 그라데이션 유형과 프리셋을 지원합니다.
CSS 박스 그림자 생성기
슬라이더로 CSS box-shadow를 시각적으로 만듭니다. 다중 그림자와 내부 그림자를 지원합니다.