아바다에서 Fontawesome 아이콘이 제대로 표시되지 않는 문제가 발생하는 경우

0

며칠 전에 아바다(Avada) 테마를 사용하여 제작된 사이트를 동일한 PHP 버전의 다른 웹호스팅으로 이전하는 작업을 수행했습니다. 하지만 이전을 완료한 후에 일부 아이콘이 깨지는 현상이 나타났습니다.

이 문제를 조금 검색해보니 아바다에서 사이트를 이전한 후에 Fontawesome 아이콘이 깨지는 현상이 자주 나타나는 것 같습니다.

각 브라우저에서는 동일한 도메인에 폰트를 호스트하도록 요구하고 있습니다. 서브 도메인은 별도의 도메인 이름으로 간주됩니다. Fontawesome 아이콘이나 다른 폰트가 일부 브라우저(주로 Firefox나 IE)에서 제대로 표시되지 않는 경우 다음 두 가지 방법으로 해결을 시도해볼 수 있습니다.

1. 폰트를 웹 사이트가 액세스되는 동일한 도메인에 호스트합니다.

2. 폰트가 호스트되는 동일한 도메인의 루트 폴더에 .htaccess 파일을 만들고 다음 코드를 추가합니다.

# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

위의 내용은 Avada에서 제시하는 솔루션입니다.

워드프레스 아바다 테마에서 Fontawesome 아이콘이 제대로 표시되지 않을 경우 위에 제시된 2가지 사항을 확인해보시기 바랍니다.

문제가 잘 해결되지 않으면 아바다에 연락하여 지원을 요청할 수 있습니다. 아바다에서 지원을 받으려면 유효한 지원 라이선스가 있어야 합니다. 저는 지원이 만료되어 최근 아바다가 39달러로 할인 행사를 할 때 아바다를 하나 더 구입할까 망설이다가 할인이 끝나버렸습니다.

참고:

Related Posts