【问题标题】:Swap Ui-Grid icons with Font-awesome using Unicode使用 Unicode 将 Ui-Grid 图标与 Font-awesome 交换
【发布时间】:2020-06-16 23:16:30
【问题描述】:

如何使用字体 Unicode 更改用于以下课程的字体图标。

ui-grid 默认有以下类

.ui-grid-icon-plus-squared:before {
content: '\c350';
 }

 .ui-grid-icon-minus-squared:before {
   content: '\c351';
 }

默认 unicode 是 c350 和 c351,我已将其替换为如下所示的 fontawesome unicode

.ui-grid-icon-plus-squared:before {
content: '\f067';
 }

 .ui-grid-icon-minus-squared:before {
   content: '\f068';
 }

并在 ui-grid.css/fonts 文件夹中保存 font-awesome 字体文件 它没有改变图标,我需要做更多的改变还是不能这样工作?

【问题讨论】:

  • 您也需要更改字体系列
  • @hans 是的,谢谢

标签: css angularjs unicode font-awesome angular-ui-grid


【解决方案1】:

font-family 属性更改为 font awasome 字体,例如:

 .ui-grid-icon-plus-squared:before {
    font-family: "Font Awesome 5 Free"; 
    content: '\f067';
  }

或者你想要的字体。

【讨论】:

    猜你喜欢
    • 2012-11-10
    • 1970-01-01
    • 2019-09-18
    • 2020-08-13
    • 2018-05-22
    • 2019-12-17
    • 1970-01-01
    • 1970-01-01
    • 2019-07-04
    相关资源
    最近更新 更多