피그마 피디아
home
피그마 실무Q&A
home

실무에서 놓치기 쉬운 타이포그래피 상식 4가지

글 작성일
2026/03/06
링크
질문 카테고리
데일리콘텐츠
소소한 꿀팁
베리어블
1 more property
안녕하세요, 피피팀 비비입니다.
오늘은 실무에서 놓치기 쉬운 타이포그래피 기초 상식 을 정리해봤어요! 은근 헷갈리는 개념 정의를 모아보았으니 이번 기회에 잘 정리하시길 바랍니다.
글자 기본 구조
기준선 (Baseline): 글자가 놓이는 가상의 바닥선
엑스하이트 (X-height): 기준선에서 소문자 x의 높이
대문자 높이 (Cap height): 기준선에서 대문자 윗선까지 높이
어센더 (Ascender): 글자가 X선 위로 올라간 획
디센더 (Descender): 기준선 아래로 내려간 획
카운터 (Counter): 글자 안쪽 빈 공간
문장 기호
하이픈 (-): 두 개 이상의 단어 연결 예: to-do, 010-XXXX-XXXX 단축키: -
엔대시 (–): 숫자 및 범위 표시 예: 9:00–17:00, 2024–2025년 단축키: Option (alt) + -
엠대시 (—): 문장에서 단어 설명 보충, 강조 예: 유념 할 것 — 규칙 준수 단축키: Option (alt) + Shift + -
숫자 스타일
라이닝 숫자 (Lining Figure) 기준선과 숫자가 일직선으로 정렬된 현대식 형태 용도: 표, 대시보드, 가격 표시
올드스타일 숫자 (Oldstyle Figures) 로마자 소문자처럼 기준선 아래로 내려가는 형태 용도: 본문 텍스트, 에디토리얼, 인쇄물
타이포그래피 사전 (보너스) typography-dictionary.kr
타이포그래피 기본 이론, 용어 사전 모음
Figma 배우기
Figma 오카방
레퍼런스 캡쳐하기