Ilya Grigorik
Jeremy Wagner
서체는 우수한 디자인, 브랜딩, 가독성, 접근성에 기본이 됩니다. 웹 글꼴은 위에서 언급한 모든 기능을 지원합니다. 텍스트를 선택, 검색, 확대/축소할 수 있으며 고DPI에 적합하여 화면 크기와 해상도에 관계없이 일관되고 선명한 텍스트 렌더링을 제공합니다. WebFonts는 우수한 디자인, UX, 성능에 매우 중요합니다.
웹 글꼴 최적화는 전반적인 성능 전략에서 중요한 부분입니다. 각 글꼴은 추가 리소스이며 일부 글꼴은 텍스트 렌더링을 차단할 수 있지만 페이지에서 WebFonts를 사용한다고 해서 렌더링 속도가 느려지는 것은 아닙니다. 반대로 최적화된 글꼴은 페이지에서 로드되고 적용되는 방식에 대한 신중한 전략과 결합되어 총 페이지 크기를 줄이고 페이지 렌더링 시간을 개선하는 데 도움이 될 수 있습니다.
웹 글꼴의 해부학적 구조
웹 글꼴 은 글리프 모음이며 각 글리프는 글자 또는 기호를 설명하는 벡터 도형입니다. 따라서 두 개의 간단한 변수가 특정 글꼴 파일의 크기를 결정합니다. 각 글리프의 벡터 경로 복잡성과 특정 글꼴의 글리프 수입니다. 예를 들어 가장 인기 있는 WebFonts 중 하나인 Open Sans에는 라틴 문자, 그리스 문자, 키릴 문자를 포함한 897개의 글리프가 포함되어 있습니다.