다이나믹 서브셋 숫자 렌더링 이슈

[p-acid]

문제 상황

안녕하세요! 덕분에 프리텐다드 폰트를 잘 사용하고 있고 감사하다고 말씀드리고 싶습니다. 다름이 아니고 아래와 같이 숫자 텍스트의 렌더링에서 약간의 문제 사항이 있어 질문드립니다.

현재 프리텐다드 폰트 활용 방식 중, 다이나믹 서브셋 방식을 적용하고 있는데 해당 방식을 적용하면서 숫자 9 텍스트만 약간 다르게 렌더링 되는 것을 확인할 수 있었습니다. 정확히 말씀드리자면 폰트 크기 및 화면 확대의 정도에 따라 숫자 9 폰트 외에 다른 텍스트만 변화가 있음을 확인할 수 있었습니다. 다른 숫자와 차이가 나타나는 폰트 사이즈는 16px 이며 이외의 사이즈에서는 다른 숫자 텍스트와 크기 차이가 없는 것을 확인했습니다!

이러한 부분은 다이나믹 서브셋이 아닌 일반 웹 폰트 방식으로 활용하면 문제가 없었던 것으로 확인되는데 혹시 숫자 렌더링에서 다이나믹 서브셋 방식이 갖는 한계점 같은 부분이 있을까요? 혹시 위와 같은 문제사항을 해결하면서 다이나믹 서브셋을 활용할 수 있는 방법이 있는지 궁금합니다.

폰트 적용 CSS

* {
  font-family: 'Pretendard';
  font-size: 1rem; // 16px
}

• 다이나믹 서브셋 방식을 적용한 숫자 폰트 : 숫자 9 텍스트만 유독 작은 것을 확인하실 수 있습니다.

• 일반 웹 폰트 방식을 적용한 숫자 폰트 : 모든 숫자 텍스트가 같은 높이를 가지는 것을 확인하실 수 있습니다.

[orioncactus]

안녕하세요! Pretendard를 유용하게 사용해주시고 자세한 환경과 함께 문제점을 제보해주셔서 감사드립니다.

적어주신 것처럼 macOS에서 Retina가 아닌 일반 해상도를 가진 디스플레이에서 다이나믹 서브셋을 사용할 때 서브셋 별로 위/아래 렌더링이 다르게 표시되는 현상이 있습니다. 그중에서 말씀하신 것처럼 9 부분이 도드라지는데요, 이는 글꼴 자체의 문제이기보다는 Pretendard에서 제공하는 다이나믹 서브셋이 Google Fonts에서 제공하는 한글 다이나믹 서브셋과 동일한 unicode-range로 구성되어 제보해주신 9를 포함한 M I N이 포함된 서브셋 파일과, 나머지 기본 숫자와 라틴이 있는 서브셋 파일이 각각 나뉘어진 상태고, 또 macOS에서 자체적으로 파일에 포함된 문자에 맞춰 렌더링을 최적화함으로써 발생하는 것으로 예상하고 있습니다.

이 문제를 해결하기 위해 다음 버전 다이나믹 서브셋에서는 기본 숫자와 라틴이 있는 부분에 9 M I N을 포함하는 것으로 개선해 배포할 예정입니다. 만약 이 문제를 바로 해결해 사용하시려면, 말씀하신 것처럼 다이나믹 서브셋이 아닌 일반 서브셋 또는 일반 Pretendard 웹폰트를 사용하시는 방법이 있는데요, 다이나믹 서브셋으로 Pretendard를 사용하고자 하신다면 다음 버전이 배포될 때까지 기다려주시면 감사하겠습니다.

따라서 이 이슈는 다이나믹 서브셋의 unicode-range가 개선될 때 해결 처리를 해두겠습니다. 추가적으로 궁금하신 게 있으시면 언제든지 알려주세요!

[p-acid]

자세하고 친절한 답변 감사하고, 다시 한 번 좋은 서비스를 제공해주셔서 감사합니다. 개선사항 반영을 기다리고 있겠습니다 :)