更新 Kendo 和 Angular 14 后不显示 Kendo 图标

Question

我的 Kendo 图标（k-icon k-i-menu 等）有问题，在 Kendo 和 Angular 最新更新到 Angular 14 后，这些图标现在不再显示。

这就是所显示的内容（只是矩形），到目前为止它运行良好。没有更改应用程序中与字体或图标相关的任何内容，所以我真的不知道在哪里搜索问题。我尝试将 Kendo 主题回滚到问题发生之前的最后一个版本，但没有成功。我在 3 个不同的浏览器中都遇到了这个问题。有人可以帮忙吗？

Answer 1

我也有同样的问题。问题是我没有导入正确的材质主题文件。尝试将

@import "~@progress/kendo-theme-material/dist/all.scss";

添加到您的样式文件中。

Answer 2

显然剑道从字体图标转向了 SVG 图标，这是未来推荐的方式。根据他们的网站：

随着 R2 2023（2023 年 6 月）版本的发布，默认图标类型在 Angular 组件的 Kendo UI 从字体更改为 svg。这这一变化标志着一系列相关改进的下一个里程碑内容安全策略 (CSP)。

但是，如果您想继续使用字体图标，他们很友善地提供了解决方法。

这些字体图标现在包装在一个包中，您可以安装该包，然后将其导入到您需要的位置。下面的链接应该给出如何做到这一点的示例。