완전한 워드프레스 폰트 시스템
모든 요소에 대응하는 스마트한 폰트 크기 조절 기능
디버그 모드를 보려면 를 클릭하세요
🎯 지금 바로 테스트해보세요!
헤더 오른쪽의 – 가 + 버튼을 클릭하여 폰트 크기를 조절해보세요.
‘가’ 글자가 실시간으로 크기 변화를 보여줍니다!
현재: 보통 크기 (100%)
📝 모든 요소 타이포그래피 테스트
아래의 모든 텍스트 요소들이 함께 크기 조절되는지 확인해보세요:
H1: 메인 제목 (가장 큰 텍스트)
H2: 섹션 제목
H3: 서브 제목
H4: 소제목
H5: 작은 제목
H6: 캡션 제목
큰 본문 텍스트: 중요한 내용을 강조할 때 사용합니다.
일반 본문 텍스트: 기본적인 본문 내용으로 가장 많이 사용됩니다. 이 텍스트가 기준이 됩니다.
작은 텍스트: 부가 설명이나 세부 정보를 위한 텍스트입니다.
“이것은 인용문입니다. 인용문도 폰트 크기 조절에 반응합니다.”
- 리스트 아이템 1 – 이것도 조절됩니다
- 리스트 아이템 2 – 모든 요소가 함께 변합니다
- 리스트 아이템 3 – 완벽한 일관성을 유지합니다
| 제목 1 | 제목 2 |
|---|---|
| 테이블 데이터 1 | 테이블 데이터 2 |
⚡ 주요 기능
🔄 5단계 크기 조절
매우 작게(80%) → 작게(90%) → 보통(100%) → 크게(110%) → 매우 크게(125%)
📏 실시간 크기 표시
‘가’ 글자가 본문 크기에 맞춰 실시간으로 크기가 변화합니다.
🚨 모달 알림창
최대/최소 크기에 도달하면 이미지와 같은 모달 알림창이 표시됩니다.
🌐 모든 요소 대응
H1~H6, P, 리스트, 테이블, 폼, 버튼 등 모든 텍스트 요소가 함께 조절됩니다.