Fontello

애플리케이션에 필요한 특정 글리프만 선택할 수 있습니다. 수천 개의 미사용 아이콘을 제외하여 폰트 파일 크기를 수백 KB에서 수 KB 단위로 줄일 수 있습니다. 이러한 세밀한 제어는 Core Web Vitals를 직접적으로 개선하며, 특히 핵심 에셋의 페이로드 크기를 최소화하여 LCP(Largest Contentful Paint) 시간을 단축합니다.

벡터 SVG 경로를 표준 폰트 형식(WOFF, WOFF2, TTF, EOT)으로 변환하는 강력한 엔진을 포함합니다. 경로 정규화와 좌표 스케일링을 자동으로 처리하여 어떤 해상도에서도 아이콘이 선명하게 렌더링되도록 합니다. 이는 DOM에서 원본 SVG를 사용하는 것보다 우수하며, 'color'나 'font-size' 같은 표준 CSS 속성을 통해 색상과 크기를 쉽게 조작할 수 있습니다.

다운로드 시 필요한 모든 @font-face 선언과 클래스 정의가 포함된 즉시 사용 가능한 CSS 파일을 제공합니다. 아이콘 위치 지정, 줄 높이 조정, 수직 정렬을 위한 보일러플레이트 CSS를 수동으로 작성할 필요가 없습니다. 생성된 코드는 최신 브라우저에 최적화되어 있어 복잡한 폴리필 없이도 Chrome, Firefox, Safari, Edge에서 일관된 렌더링을 보장합니다.

각 아이콘의 유니코드 매핑을 완벽하게 제어할 수 있습니다. 이는 특정 문자 코드가 이미 예약된 레거시 시스템이나 복잡한 디자인 시스템에 아이콘을 통합할 때 매우 중요합니다. 코드를 수동으로 할당함으로써 문자 충돌을 방지하고, 아이콘 폰트가 기존 타이포그래피 스택과 예기치 않은 동작 없이 원활하게 통합되도록 보장합니다.

최대 브라우저 호환성을 위해 여러 폰트 형식을 동시에 생성합니다. 최신 브라우저에서는 압축률이 뛰어난 WOFF2를 선호하지만, 레거시 환경을 지원하기 위해 EOT 및 TTF와 같은 이전 형식도 포함합니다. 이를 통해 빌드 타임 변환 도구 없이도 최신 스마트폰부터 구형 데스크톱 브라우저까지 다양한 기기에서 일관된 UI를 유지할 수 있습니다.