검은 글자가 회색처럼 흐리게 보일 때

색은 맞는데 글씨가 흐렸던 날

2026년 9월 20일, 대표님이 저희 템플릿을 보다가 이렇게 물으셨습니다.

「글자 색이 검은색이 맞는데 왜 회색이지?」

재 보니 색은 맞았어요. 디자인에서 정한 검정 그대로였습니다. 글자를 흐리게 만드는 설정도 없었고, 색을 덮어쓰는 다른 규칙도 없었습니다.

불러오지 않은 굵기를 쓰고 있었습니다

원인은 글꼴이었습니다. 그 사이트는 웹 글꼴을 굵기 네 가지만 불러오고 있었는데, 라벨 한 곳만 목록에 없는 굵기를 쓰고 있었어요.

브라우저는 그 굵기를 찾지 못하자 그 자리만 컴퓨터에 깔린 기본 글꼴로 바꿔 그렸습니다. 획이 가늘어지니 같은 검정인데도 회색처럼 보였던 거죠.

웹 글꼴은 굵기마다 파일이 따로 있습니다. 불러오지 않은 굵기를 쓰면 브라우저는 비슷한 굵기로 흉내를 내거나 아예 다른 글꼴로 바꿔서 보여 줍니다.

디자인은 그대로 두고, 저희가 불러오는 글꼴 목록에 빠져 있던 굵기를 더해서 고쳤습니다.

만든 사람 컴퓨터에서는 멀쩡해 보입니다

저희 검사 컴퓨터에서는 이 증상이 나오지 않았습니다. 그 컴퓨터에는 그 글꼴이 아예 깔려 있었거든요. 흐린 글씨는 대표님이 실제로 쓰시는 크롬에서만 보였습니다.

글꼴이 이미 깔린 컴퓨터에서는 이런 문제가 눈에 띄지 않습니다. 만든 사람 화면에서는 괜찮은데 손님 화면에서만 글씨가 흐린 일은 그래서 생깁니다.

흐린 글자가 어떤 글꼴로 그려지는지 확인하는 법

• 크롬에서 흐려 보이는 글자를 오른쪽 클릭해 검사를 엽니다. 계산된 스타일 탭 맨 아래의 렌더링된 글꼴 칸에 어떤 이름이 나오는지 보세요. 사이트에서 쓰는 글꼴이 아닌 다른 이름이 나오면 그 자리는 다른 글꼴로 바뀌어 그려진 것입니다.

• 그 글꼴을 깔지 않은 다른 컴퓨터나 휴대폰에서 같은 페이지를 열어 보세요. 같은 자리가 흐리게 보이는지 확인하면 됩니다.

만든 사람 컴퓨터와 손님 컴퓨터에서 화면이 다르게 보인다면 오류 수정 서비스로 맡기실 수 있습니다.