글꼴 크기 조정

VertiTab의 커스텀 테마 기능은 두 가지 방식으로 글꼴 크기를 조정할 수 있습니다.

방법 1: 타이포그래피 설정 - 전역

접근 경로

1. VertiTab 설정 페이지 열기
2. 사이드바의 "커스텀 테마" 메뉴 클릭
3. 편집할 테마 선택 후 "편집" 클릭
4. "📝 타이포그래피" 탭 클릭

전역 글꼴 설정

"전역 설정" 섹션에서:

• 기본 글꼴 크기: 10~24px 슬라이더로 조정(모든 변형에 동시 반영)
• 글꼴 패밀리: 프리셋 선택 또는 사용자 정의 입력

개별 텍스트 변형

다음 10가지 텍스트 변형을 개별 조정할 수 있습니다.

헤딩

• H1~H6: 각 레벨의 크기(0.5~3rem)

본문

• Body1: 주요 본문
• Body2: 보조 본문
• Button: 버튼 텍스트
• Caption: 캡션

기타 속성

• 줄 간격: 1~3배
• 두께: 100~900
• 텍스트 변환: 없음/대문자/소문자/첫 글자 대문자

방법 2: 컴포넌트 커스터마이징 - HTML 글꼴 크기

접근 경로

1. 테마 편집기에서 "🧩 컴포넌트 커스터마이징" 탭 클릭
2. "CssBaseline" 카드 펼치기
3. "HTML 요소 스타일" 섹션으로 이동

HTML 글꼴 크기

• 범위: 12~20px
• 효과: 전체 페이지의 기본 글꼴 크기에 영향
• 실시간 미리보기: 슬라이더 조정 즉시 반영

두 방법의 차이

방법	적용 범위	특징
타이포그래피 설정	특정 텍스트	각 텍스트 유형을 정밀 제어
HTML 글꼴 크기	전역 기준값	전체 폰트 베이스라인 영향

사용 팁

1. HTML 글꼴 크기부터: 적절한 기준 크기를 먼저 설정
2. 타이포그래피 보정: 텍스트 변형을 세밀 조정
3. 시각 계층 유지: 제목은 본문보다 크게 유지
4. 다양한 화면 테스트: 여러 UI 요소에서 확인

저장

모든 조정은 실시간 미리보기로 반영되며, "저장"을 눌러 변경사항을 저장하세요.