크롬 브라우저 96 한글 폰트 이슈
크롬 업데이트 이후 한글 폰트가 비정상적으로 보인다면?
크롬 브라우저 96 버전에서 한글 폰트가 비정상적으로 보이는 이슈 예시(2021. 12. 07 18시 추가)
금일 진행된 크롬 브라우저 패치(96.0.4664.93)로 해결되었습니다.
chrome://settings/help
해당 주소를 크롬 주소창에 복사>붙여넣기하여 업데이트를 기다리시면 됩니다.
===============================================================================
2021년 11월 16일, 크롬 브라우저 96(96.0.4664.45)버전이 릴리즈 된 날입니다.
이후 자동으로 크롬이 해당 버전으로 업데이트된 국내 사용자들은
국내 웹사이트 접속 시 일부 한글 폰트가 이상하게 보이는 현상으로 인해 불편을 겪으셨을 것 같습니다.
관련하여 현상 확인부터 결과까지 정리해보았습니다.
* 현상
- bold가 적용된 굴림, 돋움, 바탕, 궁서의 폰트에 한해 크롬 96버전에서 비정상적으로 보이는 이슈
font-weight: bold;
font-family: Gulim, Dotum, Batang, Gungsuh;
* 원인
굴림, 돋움, 바탕, 궁서 폰트의 경우 폰트 .ttc파일 자체에 bold가 없는 관계로
Windows에서 bold처리하여 노출시켜주고 있었으나, 크롬 96버전에서
Windows 처리 대신 Skia에서 bold 처리하는 방식으로 변경
* 결과
관련하여 이미 2021년 10월 10일 경, 한국인으로 추정되는 개발자분께서
베타 버전 사용 중 해당 이슈가 확인되어 이슈를 보고했으나 처리되지 않은 상태로 96 버전이 릴리즈되었고,
결국 97버전에서 다시 Windows에서 처리하는 방식으로 변경될 예정임을 확인
(릴리즈 일정은 미정. 과거의 한글 폰트 관련 처리 사례를 보면 핫픽스 될 가능성도 있음)
[Appendix]
* 폰트 처리 방식
- Windows
ㄴ 굴림, 돋움, 바탕, 궁서의 경우 비트맵 글꼴 방식으로 픽셀화된 Bold 생성
- Skia
ㄴ 크로미움의 텍스트 랜더링 그래픽 작업에 사용하는 operations
ㄴ 외곽선 글꼴(벡터) 방식으로 안티앨리어싱(폰트를 선으로 표현)
* 참고 자료
https://developer.chrome.com/blog/new-in-chrome-96/
https://bugs.chromium.org/p/chromium/issues/detail?id=1270366
https://bugs.chromium.org/p/chromium/issues/detail?id=1258378
https://skia-review.googlesource.com/c/skia/+/450676
https://www.chromium.org/developers/design-documents/graphics-and-skia
https://github.com/jeasu/EBDT-font
https://docs.microsoft.com/en-us/typography/font-list/dotum
https://docs.microsoft.com/en-us/typography/font-list/batang
