질문사항
Pretendard Variable 폰트와 일반 Pretendard 폰트의 차이점은 무엇인가요?
답변
Pretendard Variable 폰트와 일반 Pretendard 폰트의 가장 큰 차이점은 Variable Font(가변 폰트) 기술의 적용 여부입니다.
💡 Variable Font(가변 폰트)란?
Variable Font는 최신 OpenType 폰트 기술로, 하나의 폰트 파일 안에 폰트의 두께(Weight), 넓이(Width), 기울기(Slant) 등 다양한 스타일 변화를 담을 수 있는 혁신적인 기술이에요.
예전에는 '굵은 글씨', '얇은 글씨', '기울어진 글씨'마다 각각 다른 폰트 파일을 불러와야 했지만, Variable Font는 이 모든 것을 하나의 파일로 통합한 거죠.
✅ Variable Font를 사용하는 주된 이유
웹 성능 최적화 (Web Performance Optimization) 파일 크기 감소: 가장 큰 장점 중 하나예요. 여러 스타일의 폰트 파일을 각각 불러오는 대신 하나의 파일만 로드하면 되기 때문에 전체 폰트 파일 용량을 크게 줄일 수 있어요. 예를 들어, 5가지 스타일을 사용한다면 Variable Font 하나가 기존 5개 파일보다 훨씬 작을 수 있습니다. HTTP 요청 감소: 폰트 파일 수가 줄어들면서 웹 서버에 대한 HTTP 요청 수도 감소해요. 이는 웹 페이지 로딩 속도를 향상시켜 사용자 경험을 개선하고, SEO(검색 엔진 최적화)에도 긍정적인 영향을 줍니다.디자인 유연성 및 정교함 무한한 스타일 조합: 두께, 넓이, 기울기 등 축(axis)을 따라 연속적인 변화를 줄 수 있어, 기존 폰트로는 불가능했던 미세하고 정교한 타이포그래피 디자인이 가능해집니다. 예를 들어, 100부터 900까지의 두께를 1단위로 조절할 수 있습니다. 반응형 타이포그래피: 화면 크기나 디바이스 환경에 따라 폰트의 스타일을 동적으로 조절하여 최적의 가독성과 미학을 제공할 수 있습니다.📝 Pretendard Variable과 Pretendard의 차이 요약
Pretendard (일반): 'Pretendard Thin', 'Pretendard Light', 'Pretendard Regular', 'Pretendard Bold' 등 각 두께(Weight)별로 별도의 폰트 파일이 존재합니다. 디자인 시 원하는 두께의 폰트 파일을 선택하여 사용합니다. Pretendard Variable: 하나의 폰트 파일 안에 Pretendard의 모든 두께(Weight) 정보가 담겨 있습니다. 피그마나 웹 환경에서 `Weight` 슬라이더를 조절하여 폰트 두께를 자유롭게 변경할 수 있습니다.따라서, 웹 환경에서 성능을 최적화하고 디자인의 유연성을 극대화하고 싶다면 Pretendard Variable 폰트를 사용하는 것이 훨씬 유리합니다. 피그마에서도 Variable Font를 지원하므로, 디자인 작업 시에도 이점을 누릴 수 있습니다.