Есть ли способ встраивать шрифты в веб-компонент?
Название говорит само за себя. Я разрабатываю приложение Vue, которое будет использоваться в качестве дисплея для моего экземпляра Home Assistant. Я говорю ему, какой файл JS загружать и какой тег использовать, а HA помещает его в iframe. Я использую шрифт в формате otf.
Похоже, мой компонент может использовать шрифт только тогда, когда он включается в раздел страницы. Поскольку я не создаю страницу или iframe, я не могу ничего добавить в голову. Единственное, что я могу придумать, - это использовать JS, чтобы добавить начертание шрифта в заголовок после загрузки страницы. Я видел, как это делал компонент реакции. Есть ли вариант сборки или что-то в этом роде?
Но насколько я понимаю, весь смысл веб-компонентов состоит в том, чтобы иметь возможность включать один файл JS, а затем использовать этот компонент. Это не включает шрифты или другие ресурсы?