IT/개발상식

왜 woff2 를 써야하는가? otf / ttf 와의 차이

2024-03-27

1. 로딩 속도 향상

WOFF2는 TTF 또는 OTF보다 평균 파일의 크기가 30% 더 작다. 이로인해 페이지 로딩 속도를 높여 사용자 경험을 향상 시키고, 모바일 장치에서 데이터 사용량 감소에 도움이 된다.

https://getsnapfont.com/posts/understanding-font-file-formats-ttf-otf-woff-etc

2. 향상된 텍스트 품질

WOFF2는 텍스트 렌더링을 위한 최적화 기능을 제공함으로써 더 선명하고 깨끗한 글꼴 표시를 제공한다. 특히 작은 글꼴 크기에서 더욱 눈에 띄는 차이를 경험할 수 있다.

3. 브라우저 호환성

WOFF2는 모든 주요 웹 브라우저에서 지원된다. 사실상 모든 웹 사용자에게 최적의 텍스트 표시 경험을 제공할 수 있으며,
TTF 또는 OTF와 달리 별도의 웹폰트 형식을 사용할 필요가 없다.

4. 출처

https://heyakash.medium.com/understanding-of-font-formats-ttf-otf-woff-eot-svg-e55e00a1ef2

Understanding of Font Formats: TTF, OTF, WOFF, EOT & SVG

Ah, font formats! EOT, TTF, WOFF, SVG, WOFF2… There are so many choices! Unfortunately, despite the huge variety of formats, there isn’t a…

heyakash.medium.com

https://sgtype.com/blogs/magazine/otf-ttf-woff-font-format-difference

OTF vs TTF vs WOFF: Which Font Format Is Better? What's the Difference

Most fonts these days are either OTF, TTF or WOFF. But what does that mean? What are the differences between those font formats? Should you even care? And which format is better? In this article we will explain exactly what each font format is and tell you

sgtype.com

https://getsnapfont.com/posts/understanding-font-file-formats-ttf-otf-woff-etc

Understanding font file formats(ttf, otf, woff, etc) - Snapfont

If you're a web designer, you may have heard of .ttf, .woff, .woff2 font formats. However when developing a website, what font format should you actually use? In this article I'll deconstruct font file formats and summarize which font formats should you us

getsnapfont.com

메인 이미지 출처 : 사진: Unsplash의Vidar Nordli-Mathisen

저작자표시 비영리

'IT > 개발상식' 카테고리의 다른 글

[CORS] 교차 출처 리소스 공유 (CORS) 와 해결 방법(with Spring) (0)	2023.03.30
[JSESSIONID] 프론트와 백엔드는 어떻게 동일한 세션을 유지하는가? (0)	2023.03.19
[Java] .jar 와 .war 차이점 및 장단점 비교 해보기 (0)	2022.12.10

Contents

새소식

인기 검색어