# 가변 폰트의 퍼포먼스 장점

> Clean Markdown view of GeekNews topic #1696. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1696](https://news.hada.io/topic?id=1696)
- GeekNews Markdown: [https://news.hada.io/topic/1696.md](https://news.hada.io/topic/1696.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-03-12T09:15:26+09:00
- Updated: 2020-03-12T09:15:26+09:00
- Original source: [medium.com](https://medium.com/@mandy.michael/the-performance-benefits-of-variable-fonts-79af8c4ff56c)
- Points: 4
- Comments: 1

## Topic Body

- 1개 파일에 스타일 다 포함이라 Req자체가 적고

- 스타일별 폰트를 합친것보다 파일크기 작음

- WOFF2 포맷 압축률 좋음

- Subsetting으로 필요없는 캐릭터 제거시 최소화

- font-display: swap; 으로 FOUT (Flash Of Unstyled Text) 방식 이용

## Comments



### Comment 1337

- Author: xguru
- Created: 2020-03-12T09:15:31+09:00
- Points: 1

"구글 Variable Fonts 지원 시작" https://news.hada.io/topic?id=608

"Variable Font - 배리어블 폰트" https://news.hada.io/topic?id=1664

"Variable Fonts Primer - 가변 글꼴 입문서" https://news.hada.io/topic?id=1673

웹폰트 최적화 관련해서 Subsetting , FOUT / FOIT , WOFF2 등은

"웹폰트 사용과 최적화의 최근 동향" https://d2.naver.com/helloworld/4969726 [2018]

글에서 쉬운 설명을 보실 수 있습니다.