Может ли iframe использовать ресурсы с родительской страницы?

Question

Я хотел бы использовать шрифт в iframe, который, как я знаю, будет загружен уже на родительской html-странице: может ли iframe css просто ссылаться на него, как если бы он уже был у пользователя?или мне придется загрузить его снова через @ font-face?

Answer 1

CSS не распространяется на документы, загруженные в iframes, они являются отдельными документами.

Вам необходимо будет включить @font-face в таблицу стилей, загруженную в этот документ.

Файл не должен 'не может быть загружен снова, но загружен из локального кэша браузера (при условии, что сервер, на котором размещен шрифт, имеет разумную конфигурацию ).

Answer 2

Более общий подход, дополняющий комментарий @Mr Lister:

Встроенный фрейм (<iframe>) загружает другой HTML-документ в ваш HTML-документ и встраивает его.Упрощенно можно сказать, что это веб-сайт внутри веб-сайта.

Встроенный CSS не влияет на CSS своих родителей или наоборот, поскольку они принадлежат отдельным документам и живут только в них. Как уже указывал @Mr Lister, ресурсы, которыессылки в обоих документах не будут загружены дважды.

Любые изменения внешнего вида следует вносить в сам дочерний документ, а не после загрузки его в iframe.Тем не менее, вы можете использовать JavaScript и его библиотеки для добавления чего-либо (таблиц стилей и т. Д.) В загруженный документ.Из соображений безопасности браузеры обычно допускают это только для фреймов, имеющих тот же домен, что и родительский.Ознакомьтесь с этой веткой, чтобы узнать больше о внедрении с помощью JavaScript: Переопределить стиль тела для содержимого в iframe