개발 모드 & 핸드오프

폰트 렌더링 불일치 해결

피그마 오픈카톡방2026. 3. 7.

질문사항

피그마로 디자인한 폰트가 안드로이드와 iOS에서 폰트 사이즈, 행간 등이 다르게 렌더링되는 문제가 발생합니다. 이 문제를 해결하거나 최소화하기 위한 작업 방식이 궁금합니다.

답변

OS 환경에 따라 폰트 렌더링 엔진과 디바이스의 DPI(Dots Per Inch)가 다르기 때문에, 피그마에서 디자인한 폰트가 안드로이드와 iOS에서 다르게 보이는 현상은 흔하게 발생합니다. 완전히 동일하게 구현하기는 어렵지만, 다음과 같은 접근 방식을 고려해볼 수 있습니다:

가변 폰트(Variable Fonts) 사용: 가변 폰트는 하나의 폰트 파일로 다양한 두께, 너비, 기울기 등을 조절할 수 있어, 개발 단계에서 OS별 미세 조정을 통해 일관성을 높이는 데 도움이 될 수 있습니다.

개발자와의 긴밀한 협업: 폰트 렌더링 이슈는 개발 단계에서 발생하는 경우가 많으므로, iOS 개발자와 함께 실제 디바이스에서 폰트가 어떻게 보이는지 확인하고, 폰트 패밀리, 폰트 웨이트, 라인 하이트(행간) 등의 CSS/코드 값을 조절하여 최적의 값을 찾아야 합니다.

OS 기본 폰트 사용 고려: 시스템 폰트(iOS의 San Francisco, Android의 Roboto 등)를 사용하면 OS의 기본 렌더링 방식에 맞춰지므로 일관성 문제를 줄일 수 있습니다.

폰트 가이드라인 명확화: 피그마에서 폰트 스타일을 정의할 때, 폰트 사이즈, 라인 하이트, 레터 스페이싱 등을 명확히 명시하고, 개발자가 이를 정확히 구현할 수 있도록 상세한 가이드라인을 제공해야 합니다.