스포카 한 산스 웹폰트로 사용하기

이 글은 스포카 한 산스 폰트를 웹페이지에서 사용할 때 커스텀된 부분을 소개하고 권장하는 방법을 다룹니다. 특히 웹폰트로서 UI와 함께 사용되는 상황을 고려하여 변경된 사항들을 설명합니다.

주요 변경점으로는 '더보기'나 '뒤로'와 같은 레이블과 함께 사용되는 화살표 아이콘을 폰트 파일 내 Private Use Areas(PUA) 영역에 추가한 것입니다. 이를 통해 개발자는 별도의 이미지나 SVG 없이 텍스트처럼 아이콘을 쉽게 삽입할 수 있어 작업 효율성을 높일 수 있습니다.

또한, 기존에 부등호 '>' 글리프를 아이콘으로 대체 사용하는 방식의 디자인 완성도 저하 문제를 지적하며, PUA에 아이콘을 추가하는 것이 UI 요소로서 폰트의 완성도를 높이는 방법임을 강조합니다. 다만, 복잡한 아이콘의 경우 폰트 힌팅까지 고려해야 하므로 모든 아이콘을 PUA에 추가하는 것은 공수가 많이 든다고 언급합니다.