크롬에서 볼드(Bold) 문자열 자간 문제

크롬이 38로 업데이트가 된 후로 웹페이지에서 이상한 점이 나타나기 시작했습니다. 바로 볼드된 문장의 경우 기존 버젼 및 타 브라우저에 비해서 이상할 만큼 적은 넓이를 사용하고 있습니다.

그것이 미세한 정도라면 무시할 수 있겠지만 아래 스크린샷과 같이 심각할 정도로 차이를 보이고 있습니다.

< IE 11.0.9600.17358IS 기준 >

< 크롬 38.0.2125.111 m >

아마도 볼드(font-weight: bold)된 문장에 대해서 기본적으로 자간(letter-spacing)을 줄이고 있는 것 같습니다. 따라서, 별도로 letter-spacing 값을 줄 경우 중복 적용되게 됩니다.

이런 문제 때문에 구글링을 열심히 해봤지만 해당 문제에 대해서 얘기하는 글조차 검색하지 못하다가 크롬 포럼에서 해당 문제와 해결 방법을 찾을 수 있었습니다.

이 문제는 아마 크롬 37에 추가된 걸로 보이는 DirectWrite 기능이 38 버젼으로 오면서 설정에 문제를 보인 것으로 보입니다.

정확한 원인이야 찾을 수 없겠지만 해결 방법으로는 바로 이 DirectWrite 기능을 껐다 킴으로써 해결할 수 있습니다.

DirectWrite를 끄기 위해서는 일단 크롬 주소창에 chrome://flags/#disable-direct-write 라고 입력한 후 "DirectWrite 사용 중지" 밑에 "사용"을 클릭하여 "사용 중지"가 되도록 합니다.

이후, 크롬을 껐다키면 정상적으로 보일수 있지만 저 같은 경우는 다음 단계까지 해야지 정상으로 돌아왔기 때문에 귀찮으신 분은 다음 단계까지 하고 크롬을 재시작하시면 되겠습니다.

이번에는 크롬 주소창에 chrome://settings/ 를 입력하시고 하단에 "고급 설정 표시"를 클릭하면 더 많은 설정이 나타납니다. 이 중 최하단에 "가능한 경우 하드웨어 가속 사용"에 체크를 해제합니다.

이후 크롬을 완전히 종료하고 재시작합니다. 또는 위에 체크를 해제하면 "Chrome을 다시 시작해야 함"이라고 뜨는데 여기서 다시 시작을 누르셔도 됩니다.

자, 이제 사이트를 보면 글자 간격이 정상적으로 바뀐 걸 보실 수 있습니다.

하지만 굳이 있는 기능을 안쓰고 살 필요는 없겠죠.. 위의 과정을 반대로 반복해서 해당 기능을 다시 킵니다.

1. 크롬 주소창에 chrome://settings/ 을 입력한 후 "고급 설정 표시"를 클릭합니다. 추가로 나온 설정의 아랫쪽에 "가능한 경우 하드웨어 가속 사용"에 체크를 설정하시고 크롬을 재시작합니다.

2. 크롬 주소창에 chrome://flags/#disable-direct-write 을 입력한 후 "DirectWrite 사용 중지" 밑에 있는 "사용 중지"를 클릭해서 "사용"으로 바꾼 후 재시작을 합니다.

더이상 테스트를 할 수 있는 환경이 없지만 아래에 하드웨어 가속과 DirectWrite 기능을 다시 켜는 순서는 중요한 듯합니다. 조금 전에 DirectWrite를 키고 재시작 없이 하드웨어 가속을 키니까 기존과 동일한 문제가 다시 발생하여 고생을 했습니다.

만약 다시 켰을 경우에 다시 처음처럼 문제가 발생하면 다시 2가지 기능 모두 끈 상태로 순서를 반대로 해서 다시 활성화 시켜보길 바랍니다.

더 좋은 방법을 찾았으면 했지만 이렇게 되면 이미 기존 상태로는 돌릴 수가 없어서 더 많이 테스트하기 어렵네요.. 참고로 다른 컴퓨터에서 보니 37 이전 버젼에서 바로 38 버젼으로 업데이트를 할 경우는 해당 문제가 발생하지 않는 것 같습니다.

사이트를 제공하는 입장에서 해결책을 찾을려고 했지만 크롬의 버그로 보여서 딱히 해결할 수 있는 방법이 없다는 점이 아쉽고 하루 빨리 크롬 측에서 수정을 해주길 바랄 뿐입니다..