Shadow DOM элементы внутри видят шрифты сайта?

Question

[pavelmosin]

Добрый день!
Не могу найти информацию по этому вопросу.

К примеру, подключаем на сайт шрифт Arial, элементы внутри "видят" этот шрифт?

Comments

[WapSter]

С чего им его не видеть?

Answer 1

[Rustam Bainazarov]

Да, видят. Иначе, например, шрифт в тех же input'ах бы нельзя было изменить. Но что касаемо обычных теневых элементов (встроенных в браузер).

Другое дело, если вы вручную создали теневой элемент через JS и задали ему определенные стили, такие стили уже инкапсулированы.

https://learn.javascript.ru/shadow-dom

Update. Кстати, если указать стили для body, то они наследуются в Shadow DOM, а если для конкретного тега, то нет (красный цвет задан у body):