Ionicons:如何添加自定义图标?

时间:2015-05-26 11:52:04

标签: ionic-framework ionicons

如何向ionicons添加自定义图标? 我还没找到一步一步的指示做什么。 有许多非常基本的图标(如段落图标 例如,离子不提供,所以我不知何故 我必须自己添加它们。

1 个答案:

答案 0 :(得分:5)

下载要包含在我们项目中的字体。继续下载最新的Font Awesome版本并将其解压缩。将以下字体文件复制到www / fonts目录中:

  1. ontawesome-webfont.ttf
  2. fontawesome-webfont.eot
  3. fontawesome-webfont.svg
  4. fontawesome-web字体-WOFF
  5. fontawesome-webfont.otf 接下来我们需要编辑www / css / style.css来包含这个新的字体集,以便在我们的项目中使用。添加以下行:
  6. void MainTreeViewController::showContextMenu(const QPoint& pos)
    {
    
        QPoint globalPos = mtreeView->mapToGlobal(pos);
        QMenu rightClickMenu;
        for(int i = 0; i < kCharModelRightClickOptionsCount; ++i){
            rightClickMenu.addAction("Menu option");
        }
    
        QAction* selectedItem = rightClickMenu.exec(globalPos);
        if (selectedItem){
    
        }
    }
    

    每次我们想要使用Font Awesome设置时,我们只需将字体系列设置为fontawesome。

    获取更多自定义图标https://icomoon.io/