font의 종류

1. system font

사용자의 운영체제(OS)에 기본 내장된 폰트를 사용하는 방식

추가 다운로드가 필요 없어 로딩이 빠르고 성능이 좋지만, 기기마다 디자인이 달라질 수 있음

2. local font

사용자의 로컬(PC나 기기)에 설치된 특정 폰트 파일을 불러오는 방식

웹에서 @font-facelocal()을 사용해 지정 가능

3. web font

서버나 CDN에 있는 외부 폰트 파일을 불러와 사용하는 방식

ex) Google Fonts, Adobe Fonts 등

디자인 일관성을 유지할 수 있지만, 로딩 지연이 발생

성능최적화를 위해서

초기 속도가 중요하다면 로컬 폰트인터넷 속도가 빠른 환경이라면 웹 폰트가 적절

초기 로딩 최적화를 위해

중요한 텍스트는 로컬 폰트로, 나머지는 웹 폰트로 사용하는 방법도 있음

웹폰트 최적화 기술

1. 서브셋 (Subsetting)

실제 사용되는 글자만 추출하여 폰트 파일 크기를 최소화하는 기술