@ font-face는 로컬에서 작동하지만 라이브 웹 사이트에서는 작동하지 않습니다.

글꼴을 렌더링하는 데 @ font-face를 사용하는 웹 사이트를 운영하고 있습니다.이 기능은 로컬 환경에서는 잘 작동하지만 라이브 웹 사이트에 업로드하면 실패합니다. 폰트 파일에 대한 링크@ font-face는 로컬에서 작동하지만 라이브 웹 사이트에서는 작동하지 않습니다.

CSS 파일은 루트 디렉토리에 다음 코드를 사용합니다

@font-face { 
    font-family: 'ColaborateLightRegular'; 
    src: url('css/fonts/ColabLig-webfont.eot'); 
    src: url('css/fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'), 
     url('css/fonts/ColabLig-webfont.woff') format('woff'), 
     url('css/fonts/ColabLig-webfont.ttf') format('truetype'), 
     url('css/fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

글꼴은/CSS/글꼴/디렉토리에 있습니다. 문제를 해결하기 위해 .htaccess 파일에 다음을 추가하려고 시도했지만 아무런 소용이 없습니다.

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

정말 아이디어가 없습니다. 나는 브라우저에서 XAMPP로 볼 때 문제가 없지만 모든 서버에서 아파치를 보려고 할 때 매우 이상하게 느껴진다.

출처

2011-09-29 Liam Spencer

글꼴 파일을 직접 가져 보았습니까? http : //server/css/fonts/ColabLig-webfont.eot? 무엇이 반환됩니까? –

생산 사이트 홈페이지로 리디렉션되는 것으로 보입니다. –

링크를 공유 할 수 있습니까? –

이 폴더에 chmod를 설정을 확인하고 확인 서버가 다시 당신에게 서버에있는 글꼴 폴더 및 파일에

출처

2011-09-29 14:05:51 zethus

권한이 777로 설정되어 브라우저에서 글꼴 파일을 볼 수 없다. 프로덕션 사이트 홈 페이지로 리디렉션되는 것으로 보인다. –

-1

확인 권한을 403을 전송하지 있는지 확인하세요 - 0,777해야한다 (읽기, 쓰기 및 실행). 이것은 cPanel 9or 또는 파일 브라우저를 통해 수행 할 수 있습니다.

출처

2015-04-21 12:26:51 user1124230

프로덕션 서버에서 777에 폴더를 실행할 이유가 없습니다. 755는 훼손되지 않는 한 필요에 따라 느슨합니다. – TunaMaxx

@ font-face는 로컬에서 작동하지만 라이브 웹 사이트에서는 작동하지 않습니다.

답변

관련 문제