提问者:小点点

使用javascript从iframe更改父字体


我有一个iframe,这是从第三方直播聊天提供商(Tidio chat),我想改变所有文本的字体里面:

下面是我正在使用的代码,它运行良好:

document.getElementById("tidio-chat-iframe").contentDocument.body.style.fontFamily = "Tahoma";

问题是我想使用我自己的字体,这是定位和访问从父母,所以我使用这个代替:

document.getElementById("tidio-chat-iframe").contentDocument.body.style.fontFamily = "Lalezar";

但是,由于iframe页面没有从父页面继承任何CSS,我还需要在iframe页面中包含字体的样式表。

问题是当我们使用第三方iframe时,它通过脚本包含在我们的页面中,我们不能这样做。。。

我是说,如果我自己创建了iframe,我显然可以把字体导入其中,但现在。。。

如何使用JavaScript从iframe中使用父字体?

请不要将此问题标记为重复。。。堆栈溢出时没有类似的问题


共1个答案

匿名用户

下面的片段是一个例子,说明了父级如何注入/更改iframe的css。

window.onload = function() {
   let myiFrame = document.getElementById("myiFrame");
   let doc = myiFrame.contentDocument;
   doc.body.innerHTML = doc.body.innerHTML + '<style>/******* Put your styles here *******</style>';
}