fa-solid-900 오류 해결 방법 | GTmetrix Font 오류 수정 과정

사이트 속도를 점검하다가 fa-solid-900 오류가 발견된 것은 GTmetrix를 통해 전체 요청을 살펴보던 중이었습니다. 페이지 점수는 크게 문제가 없어 보였지만 Waterfall 항목의 Fonts 영역에 빨간색 실패 요청이 반복적으로 나타났고, 로딩 과정에서도 불필요한 요청이 발생하고 있었습니다.

처음에는 CDN 문제라고 생각했습니다. OpenLiteSpeed 서버를 사용하고 있었고 CDN도 함께 적용 중이었기 때문에 캐시나 CORS 설정을 먼저 의심했습니다. LiteSpeed Cache를 비워보고 CDN 설정도 다시 확인했지만 상황은 달라지지 않았습니다. 결국 원인을 추적해보니 서버 문제가 아니라 테마에 등록된 Font Awesome 설정이 부족했던 것이었습니다.

GTmetrix Waterfall에서 발견한 fa-solid-900 오류

GTmetrix의 Waterfall 탭은 페이지가 불러오는 모든 리소스를 순서대로 보여줍니다. HTML, CSS, JS뿐 아니라 폰트 요청까지 확인할 수 있기 때문에 속도 문제를 찾을 때 자주 사용하는 기능입니다.

Fonts 항목을 확인하던 중 fa-solid-900 요청이 실패 상태로 표시되고 있었습니다. 정상 응답이 아니라 실패 요청이 반복되고 있었기 때문에 불필요한 로딩 시간이 추가되고 있었습니다.

GTmetrix Fonts 항목에서 fa-solid-900 오류가 발생한 모습
GTmetrix Waterfall에서 fa-solid-900 요청 실패가 표시된 화면

CDN 문제인 줄 알았지만 원인은 달랐다

처음에는 CDN 경로가 잘못 연결된 것으로 생각했습니다. 실제로 폰트 오류는 CDN 설정이나 CORS 정책 때문에 발생하는 경우도 있기 때문입니다.

하지만 브라우저 개발자 도구에서는 별다른 차단 메시지가 보이지 않았고, 다른 Font Awesome 파일들은 정상적으로 불러오고 있었습니다. 일부 폰트만 실패하는 상황이었기 때문에 테마 CSS 쪽을 확인하기 시작했습니다.

워드프레스를 오래 운영하다 보면 서버보다 테마 자체의 설정 누락이 원인인 경우도 생각보다 많습니다.

fa-solid-900 오류 원인을 찾은 위치

워드프레스 관리자 메뉴에서 테마 편집기로 이동해 CSS 파일을 확인했습니다.

테마 CSS 안에 등록된 @font-face 항목을 살펴보니 fa-solid-400 관련 정의는 존재했지만 fa-solid-900 관련 선언은 빠져 있었습니다. Font Awesome 아이콘을 호출하려고 하는데 실제 폰트 정보가 등록되지 않은 상태였기 때문에 요청 실패가 발생한 것이었습니다.

워드프레스 관리자에서 테마 편집기를 여는 모습
워드프레스 테마 편집기로 이동하는 화면

CSS에서 확인한 누락된 폰트 선언

CSS 파일 안에는 @font-face 선언이 여러 개 존재합니다. 여기서 fa-solid-400은 정상적으로 등록되어 있었지만 fa-solid-900은 보이지 않았습니다.

이 상태에서는 브라우저가 fa-solid-900 아이콘을 요청하더라도 실제 폰트 파일을 찾지 못하게 됩니다. GTmetrix에서는 이 요청 실패가 그대로 표시되고 있었습니다.

Font Awesome 폰트 정의를 확인하는 워드프레스 테마 CSS 화면
CSS 파일에서 fa-solid-400 정의만 존재하는 상태

이후 누락된 fa-solid-900 @font-face 구문을 추가했고 저장 후 캐시를 비웠습니다. OpenLiteSpeed 환경에서는 LiteSpeed Cache를 사용하는 경우가 많기 때문에 CSS 수정 후 캐시 삭제까지 함께 진행하는 것이 좋습니다.

fa-solid-900 오류 수정 후 다시 측정

CSS 수정이 끝난 뒤 GTmetrix를 다시 실행했습니다. 이전에는 실패 상태로 보이던 폰트 요청이 정상 응답으로 변경되었고, Fonts 영역의 오류도 더 이상 나타나지 않았습니다. 요청 실패가 사라지면서 Waterfall 화면도 깔끔하게 정리되었습니다.

GTmetrix 재측정 결과 fa-solid-900 오류가 사라진 화면
fa-solid-900 오류 수정 후 정상 응답으로 변경된 모습

수정 후 체감한 변화

fa-solid-900 오류 자체가 사이트 전체 속도를 극적으로 바꾸는 수준은 아니었습니다. 다만 불필요한 요청 실패가 사라졌고 GTmetrix 측정 결과도 깔끔해졌습니다.

무엇보다 중요한 부분은 사이트 구조를 점검하는 과정에서 누락된 리소스를 발견했다는 점이었습니다. 이런 작은 오류들이 쌓이면 검색 엔진이 페이지를 읽을 때도 불필요한 요청이 증가할 수 있고, 브라우저에서도 리소스 재시도가 반복될 수 있습니다.

사이트 속도를 개선할 때는 PageSpeed Insights만 보는 것보다 GTmetrix Waterfall까지 함께 확인하는 편이 문제를 찾기 쉬웠습니다.

FAQ

fa-solid-900 오류는 CDN 문제인가요?

반드시 그렇지는 않습니다. CDN 설정 문제일 수도 있지만 테마 CSS에서 Font Awesome 정의가 누락된 경우에도 발생할 수 있습니다.

fa-solid-900 오류가 속도에 영향을 주나요?

실패 요청이 반복되면 불필요한 로딩이 발생할 수 있습니다. 영향은 크지 않더라도 수정하는 편이 좋습니다.

OpenLiteSpeed에서도 동일하게 발생할 수 있나요?

가능합니다. OpenLiteSpeed 자체 문제가 아니라 워드프레스 테마나 Font Awesome 설정 누락 때문에 나타나는 경우가 많습니다.

관련 글 추천

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤