웹사이트 폰트가 안 보일 때 해결하는 방법 글자가 깨지거나 이상하게 보이는 경우 정리
인터넷 사이트를 들어갔는데 갑자기 글자가 네모 박스로 나오거나, 한글이 깨져 보이거나, 아예 폰트가 적용되지 않는 경우가 있다. 처음 보면 사이트 자체 문제처럼 느껴지는데 의외로 브라우저 설정이나 윈도우 폰트 문제인 경우도 꽤 많다.
나도 처음에는 특정 사이트만 이상한 줄 알았는데, 점점 여러 페이지에서 글씨가 다르게 보이기 시작했다. 특히 웹폰트가 적용 안 되면 사이트 분위기 자체가 이상해 보이고 가독성도 확 떨어진다.
심한 경우에는 버튼 글씨가 안 보이거나 메뉴가 깨져서 사이트 사용 자체가 불편해지기도 한다. 다행히 대부분은 설정 몇 가지 확인만 해도 해결되는 경우가 많다.
웹사이트 폰트가 안 보이는 대표적인 증상
사람마다 증상은 조금씩 다르지만 보통 아래 형태로 많이 나타난다.
- 한글이 네모 박스로 표시됨
- 글씨가 지나치게 굵거나 얇게 보임
- 사이트 디자인이 이상하게 깨짐
- 특정 글자만 공백처럼 안 보임
- 브라우저마다 폰트가 다르게 출력됨
특히 크롬에서는 괜찮은데 엣지나 웨일에서만 이상한 경우도 있다.
이런 문제는 단순 사이트 오류보다 브라우저 캐시나 폰트 설정 충돌 때문인 경우가 생각보다 많다.
가장 먼저 해볼 건 브라우저 새로고침
생각보다 단순한 임시 오류도 많다.
먼저 키보드에서 아래 키를 눌러 강력 새로고침을 해본다.
Ctrl + F5
이 기능은 기존 임시 파일을 무시하고 페이지를 다시 불러오는 역할을 한다.
쉽게 말하면 브라우저가 저장해둔 오래된 화면 정보를 새로 교체하는 느낌이다.
가끔 웹폰트 파일이 중간에 꼬였을 때 이 방법만으로 해결되는 경우도 있다.
브라우저 기본 폰트 설정 확인하기
폰트 설정이 잘못 바뀌면 사이트 글씨가 이상하게 보일 수 있다.
크롬 기준으로 설명하면 아래 순서대로 들어간다.
1단계 : 크롬 설정 열기
우측 상단 점 세 개 메뉴를 클릭한다.
그다음 아래 항목 선택.
설정
2단계 : 글꼴 설정 이동
왼쪽 메뉴에서 아래 항목으로 이동한다.
모양 → 글꼴 맞춤설정
여기서 기본 글꼴이 이상하게 바뀌어 있는 경우가 있다.
보통은 아래 정도로 설정하면 무난하다.
- 기본 글꼴 : 맑은 고딕
- Sans Serif : 맑은 고딕
- Serif : 바탕
폰트 이름이 이상하거나 빈칸이면 정상 출력이 안 될 수 있다.
윈도우 글꼴 캐시 문제 해결 방법
웹사이트 폰트 문제는 윈도우 내부 글꼴 캐시가 꼬여서 발생하기도 한다.
쉽게 말하면 컴퓨터가 예전 폰트 정보를 잘못 기억하고 있는 상태다.
이럴 땐 글꼴 캐시를 초기화해보는 방법이 있다.
1단계 : 서비스 창 열기
키보드에서 아래 키 입력.
윈도우 키 + R
실행창이 뜨면 입력.
services.msc
2단계 : Windows Font Cache 찾기
목록에서 아래 항목 찾는다.
Windows Font Cache Service
더블 클릭 후 서비스 중지를 누른다.
3단계 : 캐시 파일 삭제
파일 탐색기에서 아래 경로 이동.
C:\Windows\ServiceProfiles\LocalService\AppData\Local
여기서 FontCache 관련 파일 삭제.
삭제 후 컴퓨터 재부팅하면 새로 생성된다.
처음엔 어려워 보이는데 실제로 따라 하면 몇 분 안 걸린다.
브라우저 확장 프로그램 충돌도 자주 발생한다
광고 차단 프로그램이나 스타일 변경 확장 기능 때문에 폰트가 깨지는 경우도 있다.
특히 다크모드 강제 적용 확장 프로그램은 웹폰트 충돌이 꽤 잦다.
이럴 땐 시크릿 모드로 사이트를 열어보면 비교가 쉽다.
확인 방법
- 크롬 우측 상단 메뉴 클릭
- 새 시크릿 창 실행
- 문제 사이트 다시 접속
시크릿 모드에서 정상 출력되면 확장 프로그램 영향일 가능성이 높다.
웹폰트 차단 설정 확인하기
가끔 데이터 절약 기능이나 보안 설정 때문에 웹폰트 다운로드 자체가 막히는 경우도 있다.
특히 회사 PC나 보안 프로그램 설치 환경에서 자주 발생한다.
크롬에서는 아래 부분도 확인해볼 만하다.
설정 확인 경로
설정 → 개인정보 및 보안 → 사이트 설정
여기서 JavaScript 차단이나 글꼴 관련 제한이 있는지 확인한다.
웹폰트는 사이트에서 외부 파일을 받아와 적용하는 방식이라 차단되면 기본 글꼴로 바뀌거나 깨져 보일 수 있다.
특정 사이트만 폰트가 안 보이는 경우
모든 사이트가 아니라 특정 사이트만 문제라면 브라우저 캐시 삭제가 도움이 될 수 있다.
캐시 삭제 방법
- Ctrl + Shift + Delete 입력
- 캐시된 이미지 및 파일 선택
- 인터넷 사용 기록 삭제 실행
오래 저장된 웹폰트 파일 때문에 충돌이 발생하는 경우가 의외로 많다.
특히 사이트가 리뉴얼된 직후 이런 문제가 자주 발생한다.
한글 폰트 자체가 삭제된 경우도 있다
드물지만 윈도우 기본 폰트가 삭제돼서 문제가 생기기도 한다.
대표적으로 맑은 고딕 폰트 손상 사례가 꽤 있다.
이럴 땐 윈도우 업데이트를 다시 진행하거나 기본 글꼴 복구를 시도해야 한다.
특히 폰트 정리 프로그램을 사용한 뒤 문제 생기는 경우가 생각보다 많다.
브라우저 재설치가 해결되는 경우도 있다
위 방법으로도 해결 안 되면 브라우저 자체 오류 가능성도 있다.
특히 오래 업데이트 안 한 상태거나 사용자 설정 파일이 꼬인 경우다.
이럴 땐 삭제 후 재설치하는 게 빠를 때도 있다.
삭제 전에 북마크 동기화만 먼저 확인해두면 복구는 어렵지 않다.
폰트 문제는 대부분 설정 충돌인 경우가 많다
웹사이트 폰트가 안 보이면 처음에는 사이트 자체 오류처럼 느껴질 수 있다. 하지만 실제로는 브라우저 설정, 캐시 파일, 확장 프로그램 충돌 때문에 발생하는 경우가 훨씬 많다.
특히 웹폰트는 인터넷에서 실시간으로 불러오는 구조라 캐시가 꼬이거나 차단 설정이 걸리면 예상보다 쉽게 문제가 생긴다.
중요한 건 하나씩 천천히 확인하는 것이다. 대부분은 글꼴 설정 확인이나 캐시 초기화 정도만으로 해결되는 경우가 많고, 생각보다 복잡한 고장으로 이어지는 경우는 드물다.
