iframe에 부모 문서의 CSS를 가져와야합니다.

Question

부모 문서에 편집 가능한 iframe이 있습니다. 부모 문서에서 외부 CSS 파일 내에 @font-face을 사용하여 글꼴 패밀리 구현을 사용자 정의했습니다.

이 @font-face 구현은 기본적으로 iframe에 특별히 추가 할 때까지 iframe에 전달되지 않습니다.

iframe이 부모 문서와 CSS 격리를 제공하므로 실제로 iframe에 특별히 추가 할 때까지 온라인으로 읽지 않습니다.

이것이 맞습니까? 아니면 CSS 파일을 상위 파일에서 하위 iframe으로 상속 할 수 있습니까?

Answer 1

이것은 작동 할 수 있습니다. 은 일 수 있습니다. 내부 iframe

window.onload = function() { 
    if (parent) { 
     var oHead = document.getElementsByTagName("head")[0]; 
     var arrStyleSheets = parent.document.getElementsByTagName("style"); 
     for (var i = 0; i < arrStyleSheets.length; i++) 
      oHead.appendChild(arrStyleSheets[i].cloneNode(true)); 
    } 
}