다른 도메인에 호스팅 된 웹 글꼴

다른 도메인의 웹 글꼴을 호스팅 할 수 있는지 알고 싶습니다. 내 CSS는 Amazon CloudFront와 내 웹 글꼴에도 호스팅되지만 표시되지는 않습니다. 내 CSS 지역에 있었다.다른 도메인에 호스팅 된 웹 글꼴

@font-face { 
    font-family: 'Aller'; 
    src: url('/app/files/fonts/allerdisplay-webfont.eot'); 
    src: local('☺'), url('/app/files/fonts/allerdisplay-webfont.woff') format('woff'), url('/app/files/fonts/allerdisplay-webfont.ttf') format('truetype'), url('/app/files/fonts/allerdisplay-webfont.svg#webfontLZ8nc4vC') format('svg'); 
    font-weight: 900; 
    font-style: normal; 
}

스타일 시트는 하위 도메인을 사용하여 CloudFront를에서 호스팅 : static.mydomain.com/style.css 그리고 Webfont에서 다운로드 할 수 있습니다

이 내있는 style.css는 CloudFront를에 정적. mydomain.com/app/files/fonts/allerdisplay-webfont.ttf

불행히도 스타일 시트가 mydomain.com에서 호출되면로드되지 않습니다. 그것이 한계 또는 그런 것인지 궁금해하고있었습니다.

감사합니다.

출처

2011-02-18 Roch

스타일 선언의 URL 절대 경로에는 문제가 없어야합니다.

위의 코드에서 상대 경로 URL이 있습니다.
당신처럼, 절대 경로의 URL이 필요합니다

"http://static.mydomain.com/app/files/fonts/allerdisplay-webfont.ttf"(절대)

-하지 -

"/app/files/fonts/allerdisplay-webfont.ttf"(상대)

은 이론적으로 하위 도메인의 구조에 따라, 당신은 장비까지 상대 URL을 유지하는 방법을 할 수 있습니다, 그러나 이것은 문제의 가치가 없을 것입니다. 절대적인 것을 사용하고 끝내십시오.

[관련 코드가 게시되기 전에 아래의 제안 사항이 게시되었습니다.] 그러나 Google Web Fonts은 전체 스타일 시트를 클라우드로 이동하여이 모든 것을 달성합니다. 스타일 시트 안에서 실행시킬 수 없다면 대신에 그와 같은 별도의 스타일 시트를 만들어보십시오.

그러나 진정한 브라우저 간 호환성을 얻으려면 여러 가지 글꼴 파일 형식이 필요합니다. 문제가 될 수 있습니다. FontSquirrel에는 글꼴 키트 생성기가있어 체크 아웃 할 수 있습니다.

출처

2011-02-18 12:37:12 fisherwebdev

다른 도메인에 호스팅 된 웹 글꼴

답변

관련 문제