iframe 可以使用父页面的资源吗？

Question

我想在 iframe 中使用一种字体，我知道该字体已经在父 html 页面中加载：iframe css 是否可以简单地引用它，就好像用户已经拥有它一样？或者我必须通过@font-face再次加载它？

Answer 1

一个更通用的方法补充@Mr Lister 的评论：

内联框架 ( <iframe>)将另一个 HTML 文档加载到您的 HTML 文档中并将其嵌入。简单来说，您可以说它是网站中的网站。

嵌入的 CSS 不会干扰其父级 CSS，反之亦然，因为它们属于单独的文档并且仅存在于其中。正如@Mr Lister 已经指出的那样，两个文档中引用的资源不会被加载两次。

对外观的任何更改都应在子文档本身中进行，而不是在将其加载到 iframe 中之后进行。但是，您可以使用 JavaScript 及其库将基本上任何内容（样式表等）注入到加载的文档中。出于安全原因，浏览器通常只允许与父级具有相同域的 iframe 这样做。查看此线程以了解有关通过 JavaScript 注入的更多信息：Override body style for content in an iframe。