我们使用 Angular 8 的自定义元素创建了一个 Web 组件。该组件的一部分是显示一些自定义图标（作为不同的应用程序开发和打包）。正如您在上一个问题中所看到的，我们已经成功地将所有 css 捆绑在一个文件中，并使用但不使用 Shadow DOM 在独立应用程序中显示它们:host ::ng-deep。
在我的 Web 组件中切换到 Shadow DOM ( encapsulation: ViewEncapsulation.ShadowDom) 并删除即将弃用的字体后::ng-deep，应用程序中的字体似乎已损坏。
我在这里和这里找到的唯一解决方案表明字体声明必须发生在shadowDOM之外，例如包含自定义组件js文件（作为独立应用程序）的html文件内。就我而言，字体被打包为不同的应用程序，并且自定义 Web 组件将在许多采用不同技术的项目中使用，而这些项目可能无法包含它。
自定义图标（@font-face）是否有另一种方法可以在影子 DOM 中工作？