웹 글꼴은 로컬에서는 파이어 폭스에서 작동하지 않지만 서버에서는 작동하지 않습니다.

Question

로컬로 사이트를 개발 중이며 기호에 웹 글꼴을 사용하고 있습니다. 브라우저에서 파일을 볼 때 (예 : file : ///path/to/file.html) 웹 글꼴은 Firefox에서만 작동하지만 Chrome에서는 작동하지 않습니다. 그러나, 내 서버에 사이트를 업로드하고 Firefox에서 파일을 볼 경우 정상적으로 작동합니다. 왜 그렇게 될지 그리고 파일을 로컬에서 올바르게 볼 수있는 방법이 있습니까?

@font-face { 
font-family: 'WebSymbolsRegular'; 

src: url('fonts/websymbols.eot?#iefix') format('embedded-opentype'), 
    url('fonts/websymbols.woff') format('woff'), 
    url('fonts/websymbols.ttf') format('truetype'), 
    url('fonts/websymbols.svg#WebSymbolsRegular') format('svg'), 
    url('fonts/websymbols.eot'); 

}

Answer 1

그것은 가장 가능성으로 인해 프로토콜 (http가 아닌 파일)에 : 여기

는 코드 (모든 경로가 유효)입니다. 거의 항상 브라우저의 디스크에서 페이지를 열지 않고 로컬 서버에서 테스트하고 싶을 것입니다. Linux 용 Apache, Nginx 또는 Lighttpd를 설치하십시오. 또는 IIS, IIS Express 또는 Windows 용 Apache. 그런 다음 사이트의 폴더를 가리키는 로컬 사이트 (예 : localhost : 1234)를 설정하고이를 통해 페이지를 실행하십시오.