구글 Chrome 텍스트 크기 렌더링 오류

IT/코딩 CSS 무찌마 2024. 9. 5. 댓글

모바일 기기(안드로이드)의 구글 Chrome 브라우저에서 텍스트 렌더링 결과가 font-size 지정과 무관한 오류 현상을 보이고 있습니다. 동일 페이지의 상단과 하단의 폰트 크기가 다르게 나타납니다.

[추가] 2024.09.26
글자의 크기만 확대하기 때문에, 글줄의 높이를 "line-height"로 지정할 경우 글자의 상하 여백이 줄어듭니다. 즉 행간이 사라지는 것과 같은 현상이 발생합니다.

코드 오류로 인한 앱의 버그를 단기간 확실하게 수정할 수 있는 능력이 없으면서, AI를 표방하는 것은 모두 IT 관련 기업의 과장된 광고 술수입니다. 잘못된 AI로 인하여 발생하는 피해는 통제 불가능핳 정도로 위험한 수준이 될 수 있습니다.

 

PC의 Chrome 브라우저에서는 해당 증상 발생하지 않습니다.

 

 기기 ㉮: Galaxy S6 edge+, SM-G928K, 안드로이드 버전 7.0

- 구글 Chrome 119.0.6045.193, 텍스트 렌더링 오류 발생

※ '설정 / 접근성'의 '텍스트 조정' "100%" 변경 후 정상

- 삼성 인터넷 앱 버전 21.0.3.6, Firefox 129.0.2(Build #2016039455) 모두 정상

 

기기 ㉯: Galaxy S21 5G, SM-G991N, 안드로이드 버전 14, One UI 버전 6.1

- 구글 Chrome 128.0.6613.99, 텍스트 렌더링 오류 발생

※ '설정 / 접근성'의 '텍스트 조정' "100" 변경 및 '확대/축소 강제 사용' 옵션 변경에도 여전히 오류 발생

- 삼성 인터넷 앱 버전 26.0.3.7, Firefox 192.0.2(Build #2016039455), 네이버 앱 12.7.55 모두 정상

 

"google chrome rendering issue"로 인터넷 검색하면 여러 가지의 다른 증상에 대한 사용자의 문의를 볼 수 있습니다.

 

검색 결과에서 문제를 해결하기 위한 방법으로 찾은 것이 아래 리스트입니다. 대부분 임시방편이고 이것 조차도 오류를 막지 못하는 경우가 많습니다. 이 외에도 Google Chrome Help에도 등록된 문의 글이 있지만 담당자의 정확한 설명은 찾기 힘듭니다.

 

1. Clear Cache and Cookies

2. Disable Hardware Acceleration (얼마전부터 이 메뉴가 보이지 않습니다.)

3. Update Graphics Driver

4. Check for Chrome Updates

5. Disable Extensions

 

타사의 웹 브라우저는 동일한 상황인데도 상기한 오류가 발생하지 않음을 감안하면, 1 ~ 5 해결 방법은 거의 무용지물입니다. Chrome의 렌더링 오류 발생은 상당히 오래되었으며 증상이 다양하며 새로운 증상이 덧붙여지고 있습니다.


- 텍스트 렌더링 오류 발생하는 구글 Chrome

글 리스트의 동일한 제목인데도 상단의 글자가 하단의 글자보다 큽니다. 원래 하단 글자 크기가 지정한 값입니다.

구글 크롬 텍스트 랜더링 비교

 

 

- 네이버 앱의 정상적인 텍스트 렌더링

네이버 앱의 텍스트 렌더링 비교

 

댓글