비디오 JS 사용자 정의 글꼴

Question

파이어 폭스와 여기 봐 (I가 22.0있어)가 파이어 폭스에서 작동하지 . Chrome에서 잘 작동합니다.

모든 아이디어를 높이 평가하겠습니다!

Watto : 내가 하하 문제를 해결하는 마지막 2 시간 보냈어요

Answer 1

Firefox에는 매우 엄격한 도메인 간 정책이 있습니다. 여기에는 사이트의 하위 도메인 (www도 포함)이 포함됩니다.

CSS에서 http://jamhouse.com.au/templates/gk_fest/js/html5/font/vjs.XYZ (글자 없음) 글꼴을 참조하십시오. 게시 한 링크의 글꼴이 http://www.jamhouse.com.au 인 경우 으로 이동하면 글꼴이 작동합니다.

이

당신의 .htaccess에

가 어느 액세스 제어 - 허용 - 원산지를 설정 진정한 크로스 도메인에 대한 권장 또는 httpd.con :

당신은 몇 가지 옵션이

아파치 : http://davidwalsh.name/cdn-fonts

IIS의 경우 : http://deserialized.com/iis/serving-web-fonts-cross-domain-with-iis/

- 또는 -

는 경우에 권장

이 사용하는 당신이 ... 상대적 URL (글꼴/vjs.XYZ)와 글꼴을 참조 할 수 있습니다 중 도메인/당신에있는 하위 도메인 (www이있는 버전 또는없는)

- 또는 -

,

http://www.jamhouse.com.au 또는 을 적용하고 원하는 방식으로 글꼴을 참조 할 수 있습니다. IIS를 들어 http://www.thesitewizard.com/apache/redirect-domain-www-subdomain.shtml

:

아파치를 들어

http://forums.iis.net/t/1154053.aspx/1

- 또는 -

당신은 내 비디오에 대한 거부 한 직접 CSS에서 폰트를 (포함 할 수 있습니다.JS 설치) CSS에서

글꼴을 포함 - 당신이 base64로 인코딩을 선택할 수 있습니다 전문가 모드에서 http://blog.patdavid.net/2012/08/embedding-fonts-with-css-and-base64.html

. http://www.fontsquirrel.com/tools/webfont-generator 출력이

와 함께 모두 한 줄에 있는지 확인하십시오 (64 기수 http://www.motobit.com/util/base64-decoder-encoder.asp의 파일을 인코딩

(나는 그들의 인코딩 제한적인 성공, 플레이 삼각형 (\ E001)가. 표시되지 않는 한 있었다)

Answer 2

. 좋아, 나는 그것을 작동시킬 수 있었다. 문제가 있습니다. http://jamhouse.com.au/templates/gk_fest/js/html5/video-js.css

전체 경로 URL을 통해 글꼴에 연결하지만 Chrome에서만 허용되는 보안 기능이 있어야합니다. 상대 URL을 글꼴에 사용하면 글꼴이 나타납니다. 나는 지금 당신의 페이지를 로컬에 저장하고 css에서 글꼴 링크를 변경하여 지금 시도했다. 이제는 작동한다. 시도 해봐.