WordPress Elementor 도메인 변경 후 Google Fonts가 깨질 때 해결 방법

Elementor로 제작한 웹사이트를 임시 도메인에서 개발한 후, 정식 도메인으로 연결했더니 Google Fonts가 로드되지 않거나 깨져 보이는 문제가 발생했다면, 아래 단계들을 순서대로 따라 해보세요. 이 문제는 흔하게 발생하며 대부분 설정 및 캐시 문제로 쉽게 해결할 수 있습니다.

type, typography, close up, bokeh, fonts

1단계: Elementor URL 업데이트

도메인을 변경하면 Elementor 내부에 저장된 스타일 경로나 폰트 경로가 이전 주소로 남아 있을 수 있습니다.

  • WordPress 관리자 > Elementor > 도구 > URL 업데이트 메뉴로 이동
  • 이전 URL에는 임시 도메인 주소 (예: https://sitename.hostinger.com)
  • 새 URL에는 현재 도메인 주소 (예: https://yourdomain.com)
  • ‘Replace URL’ 실행

2단계: Elementor CSS 캐시 재생성

Elementor는 스타일을 캐시 형태로 저장하기 때문에, 도메인 변경 후 이를 재생성해야 합니다.

  • WordPress 관리자 > Elementor > 도구 > 일반
  • CSS 캐시 제거 클릭
  • 파일 재생성 버튼 클릭

3단계: 브라우저 및 플러그인 캐시 삭제

캐시 플러그인 또는 브라우저 캐시로 인해 변경 사항이 바로 반영되지 않을 수 있습니다.

  • Chrome, Safari 등의 브라우저 캐시 삭제
  • LiteSpeed Cache, WP Rocket, Autoptimize 등 플러그인 캐시 삭제

4단계: 폰트 로딩 상태 개발자 도구에서 확인

크롬 개발자 도구(F12)를 열고 콘솔 탭 또는 <head> 안의 Google Fonts 링크가 정상적으로 들어가 있는지 확인해 보세요.

  • <link href="https://fonts.googleapis.com/..."> 형태가 있는지 확인
  • 콘솔에 CORS 오류나 Mixed Content 오류가 있는지 확인

5단계: SSL 및 혼합 콘텐츠 문제 해결

도메인이 HTTPS가 아닌 경우 또는 일부 리소스가 HTTP로 불러와질 경우 폰트 로딩이 차단될 수 있습니다.

  • SSL 인증서 설치가 완료되었는지 확인
  • Really Simple SSL 플러그인을 사용해 전체 콘텐츠를 HTTPS로 강제 전환

마무리

위의 5단계를 순서대로 따라가면 대부분의 Elementor Google Fonts 로딩 문제는 해결됩니다. 특히 Elementor의 URL 업데이트 기능은 테마, 글꼴, 이미지 경로에 큰 영향을 주기 때문에 사이트 이전 시 꼭 수행해야 합니다.

Scroll to Top