UI 디자인에서 Inter와 같은 글꼴이 유독 쓰기 편한 이유는 단순히 깔끔해서가 아니라, vertical metrics와 x-height라는 두 가지 핵심 요소 덕분이에요. 대문자 높이가 글자 상자의 중앙에 위치하는 cap-centered vertical metrics를 갖추면 버튼이나 아이콘과 별도의 보정 없이도 자연스럽게 정렬됩니다. 또한, 소문자 높이인 x-height가 대문자의 70~75% 정도일 때 단어가 하나의 덩어리처럼 보여 시각적 안정감을 주죠. CSS의 text-box-trim으로 일부 보정이 가능하지만, 근본적인 해결을 위해서는 글꼴 자체의 특성을 이해하는 것이 중요합니다. Inter나 San Francisco를 대신할 Innovator Grotesk, Universal Sans 같은 훌륭한 대안들도 있으니 디자인 시스템 구축 시 참고해 보세요!