2017-03-08 3 views
1

제목은 꽤 자명하지만 조금 더 명확히하기 위해 부모 창에서 다운로드 한 글꼴을 iframe 창에서 사용할 수 있다는 것에 대해 이야기하고 있습니다. 그것은 교차 도메인 (따라서 질문)이 될 것입니다.하위 iframe의 상위 창에서 이미 다운로드 한 글꼴을 사용할 수 있습니까?

예 : 나는 또한 iframe에서 글꼴을 다운로드 할 수없는 경우

p { 
    font-family: "SomeFontFamily"; 
} 

: 의 내가 부모 창에서이 있다고 가정 해 봅시다

@font-face { 
    font-family: "SomeFontFamily"; 
    src: url('someLinktoFont.woff') 
} 

그래서 나의 iframe이 창에서 "SomeFontFamily"를 참조 할 수 있습니다 거기에서 참조하십시오. 그러나 위와 같은 것이 가능한지 궁금합니다.

답변

2

아니요, 불가능합니다.

각 프레임 (iframe)은 캡슐화 된 다른 엔티티처럼 동작하므로 이미지/글꼴과 같은 객체/자산을 사용하려면 해당 프레임 내에 소스를 제공해야합니다.

font-family: "SomeFontFamily";을 사용하면 프레임에 해당 이름의 글꼴 원본을 알리 겠지만 현재 프레임은 해당 원본에 익숙하지 않습니다.

+0

Google 글꼴이이 문제를 우회하기 위해'링크 '를 사용한다는 것을 알게되었습니다. 이것은이를위한 좋은 해결 방법이 될 수 있습니다. – shriek

+0

@shriek,'link'도 - 서버의 응답에는'access-control-allow-origin : *' – Dekel

+0

이 포함되어 있습니다. 아아, 나는 그것이 생각했던 것처럼 좋은 해결 방법이 아니다. – shriek