【问题标题】:Why will the Ag-Grid-Material Icons not work?为什么 Ag-Grid-Material 图标不起作用?
【发布时间】:2020-08-01 13:35:15
【问题描述】:

我正在使用带有自定义变量的 Ag-Grid 材质主题,如文档中所述。一切正常,但不会显示图标,只会显示一个正方形:

如果您查看 chrome 的检查器,则会设置正确的字体系列:

那么有没有人为我的问题提供解决方案/解决方法?

【问题讨论】:

  • 您没有看到的图标是什么?你能分享一些代码sn-ps吗?如果可能的话,在 Stackblitz 中创建一个最小的可重现应用程序。
  • 这应该是升序图标。标题是默认标题,仅带有文本“#”。我研究过字体系列将加载到 scss 文件中。我可以在 chrome 检查器中的任何地方检查吗?无法使用代码片段,因为无法重建项目结构(大型项目将从 AngularJS 迁移到 Angular 8 -> 我们使用 gulp 作为任务运行器)。
  • 您确定您已从 node_modules 导入了 agGridMaterialFont.css(或相关的 scss 文件)吗?
  • 您的字体可能没有正确加载。检查 Chrome 的开发者工具、网络面板、字体选项卡。
  • 字体将在 scss 文件中使用@font-face 加载。这也应该在开发工具中可见吗?

标签: angular sass ag-grid ag-grid-angular


【解决方案1】:

在 Mycase 中,我必须使用 font-feature-settings: 'liga'。

来源:https://github.com/google/material-design-icons/issues/536#issuecomment-432227513

【讨论】:

  • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
猜你喜欢
  • 2021-06-01
  • 2022-12-13
  • 2019-05-24
  • 2021-02-09
  • 2019-01-21
  • 2021-01-03
  • 1970-01-01
  • 1970-01-01
  • 2019-04-13
相关资源
最近更新 更多