웹폰트 크로스도메인 문제 해결

 

www.abc.xyz의 웹폰트(CSS)를 new.abc.xyz에서 로드하니 아래와 같이 에러가 나네요.

Font from origin 'http://www.abc.xyz' has been blocked
from loading by Cross-Origin Resource Sharing policy:
The 'Access-Control-Allow-Origin' header contains the
invalid value '*.'. Origin 'http://new.abc.xyz' is
therefore not allowed access.

 

 

크로스도메인 문제인데요. 아래와 같이 www.abc.xyz 루트에 .htaccess 파일을 만들어서 넣어주면 해결됩니다. 🙂

<IfModule mod_headers.c>
    <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
          Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>