html - 親ドキュメントの css を iframe に取得する必要がある

Question

親ドキュメントには、編集可能な iframe があります。@font-face親ドキュメントでは、外部 css ファイル内を使用して font-family の実装をカスタマイズしました。

この@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));
    }
}