2012-12-21 3 views
1
를 작동하지
@font-face { 
    font-family: 'Oswald'; 
       src: url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.eot'); 
       src: url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.eot?#iefix') format('embedded-opentype'), 
         url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.woff') format('woff'), 
         url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.ttf') format('truetype'), 
         url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.svg#oswaldregularwebfont') format('svg'); 
       font-weight: normal; 
       font-style: normal; 

} 

참고 ** : 나는 또한 로컬 HTML 파일 에서이 작업을 시도 아마존 웹 스토어에이 일을하고 있지만,이 같은 일을 ...하지Adidng 글꼴 - 얼굴

.. 내가 뭔가 잘못하고있는 중이 야 작업 덕분에

+0

URL에 도달 할 수 있습니다. CSS 규칙에이 새로운 글꼴을 적용한 곳을 알려주십시오. –

+0

:) 나는 resolver 문제를 가지고 있다고 덧붙이고 싶다. 검색 후 나는 다른 사이트 글꼴 지원을 허용하기 위해 .htaccess 파일을 서버에 추가해야한다는 것을 알았다. # 예제 Apache .htaccess 파일이 액세스 제어를 추가한다. 헤더 헤더 설정 액세스 제어 - 허용 - 원산지 "*" HTTPS에서 대한 추가 정보 : //hacks.mozilla .org/2009/06/beautiful-fonts-with-font-face/ – ravisoni

+0

감사합니다. @TiesonT. 답장을 위해 ... – ravisoni

답변

1

시도 1 : 표준 연습은 항상 URL에 http://을 사용하는 것입니다. 코드에서 수정하고 다시 시도하십시오.

시도 2 ​​: 많은 서버가 의도적으로 차단 한 글꼴에 대한 교차 도메인 요청을 작성하여 글꼴에 연결하는 사람에 대한 보호 수단으로 생각합니다. 효과적으로 서버 대역폭을 훔치고 글꼴을 위반했을 수 있습니다. EULA.

글꼴이 저장된 서버에 액세스 할 수 있으면 이미 위험을 측정 한 경우 글꼴에 대한 도메인 간 요청을 허용하도록 구성 파일을 편집 할 수 있습니다!

시도 3 : AWS가 Access-Control-Origin-Header를 지원하지 않아서 Firefox 및 IE 9 이상에서 AWS의 웹 글꼴 서비스가 작동하지 않는다고보고 한 사람들이 있습니다. 이 question을 참조하십시오!

따라서 웹 글꼴에 대한 상호 도메인 액세스를 지원하는 서버에서 글꼴을 호스팅해야합니다.

+0

글꼴 - 얼굴 규칙은 그대로 작동합니다 - 따라서 내 대답은 jsFiddle. 그럼에도 불구하고, OP는 (코멘트에서) 그가 이것을 고쳤다 고 이미 말했습니다. –

+0

그래. 그의 문제에 대한 해결책은 나에게 '시도 2'에서 웹 글꼴에 대한 도메인 간 요청을 허용하도록 구성 파일을 편집하도록 제안되었다. –

0

이 글꼴 - 얼굴이 잘 작동 : http://jsfiddle.net/xBmTG/

@font-face { 
    font-family: 'Oswald';     
    src: url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.eot');     
    src: url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.eot?#iefix') format('embedded-opentype'), 
      url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.woff') format('woff'), 
      url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.ttf') format('truetype'), 
      url('http://www.dev.icyberking.com/fonts/oswaldregularwebfont.svg#oswaldregularwebfont') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 


body 
{ 
    font-family: Oswald, sans-serif; 
} 

나는 가정 문제가 다시 당신의 선택기에있다 귀하의 CSS 파일의.

+0

답변에 @Tieson 감사합니다 :) – ravisoni

관련 문제