离子子:如何添加自定义图标?

穆尔加德

如何将自定义图标添加到离子子中?我还找不到逐步说明的操作方法。有很多真正的基本图标(例如段落图标)不是由ionicon提供的,因此我必须以某种方式自行添加它们。

cfprabhu

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

  1. ontawesome-webfont.ttf
  2. fontawesome-webfont.eot
  3. fontawesome-webfont.svg
  4. fontawesome-webfont-woff
  5. fontawesome-webfont.otf接下来,我们需要编辑www / css / style.css,以包括要在项目中使用的新字体集。添加以下行:

@font-face {
    font-family: 'fontawesome';
    src:url('../fonts/fontawesome-webfont.eot');
    src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/fontawesome-webfont.ttf') format('truetype'),
        url('../fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

离子子:如何添加自定义图标?

来自分类Dev

向等离子的默认面板添加自定义图标或符号的命令

来自分类Dev

向等离子的默认面板添加自定义图标或符号的命令

来自分类Dev

NestJs Swagger如何添加自定义图标

来自分类Dev

显示正方形的离子自定义图标

来自分类Dev

向 matIconRegistry 添加自定义图标?

来自分类Dev

如何自定义离子中的离子选择弹出高度

来自分类Dev

如何将自定义svg图标添加到Material UI字体图标?

来自分类Dev

如何在Angular2清晰度图标中添加自定义图标?

来自分类Dev

离子 3 指令。在 Div 上添加自定义属性?

来自分类Dev

如何自定义特殊图标

来自分类Dev

如何创建自定义字体图标?

来自分类Dev

如何在CSS中使用自定义图标自定义复选框的标签上添加缩进缩进?

来自分类Dev

如何在balsamiq样机中添加自定义图像/图标?

来自分类Dev

如何在ionic2中添加新的自定义字体图标

来自分类Dev

如何配置pubspec.yaml以添加从fluttericon生成的自定义图标?

来自分类Dev

Mapbox GL-JS:如何为图标实例添加自定义图像?

来自分类Dev

如何在Ubuntu中添加书签的自定义图标。谷歌浏览器?

来自分类Dev

如何将按钮图标添加到自定义键盘iOS 8?

来自分类Dev

如何在balsamiq样机中添加自定义图像/图标?

来自分类Dev

如何在stimulsoft工具中向工具栏添加自定义图标

来自分类Dev

如何在 angular 5 的剑道 UI 树视图中添加自定义图标?

来自分类Dev

我们如何使用添加和删除图标自定义@material ui <ExpansionPanelSummary> expandIcon?

来自分类Dev

如何添加自定义类型定义?

来自分类Dev

如何添加自定义类型定义?

来自分类Dev

如何为离子框架编写自定义/自己的插件

来自分类Dev

Python-nautilus:添加自定义标志(覆盖图标)

来自分类Dev

向tinyMCE按钮添加自定义图标

来自分类Dev

自定义应用栏添加文本和图标-Android

Related 相关文章

  1. 1

    离子子:如何添加自定义图标?

  2. 2

    向等离子的默认面板添加自定义图标或符号的命令

  3. 3

    向等离子的默认面板添加自定义图标或符号的命令

  4. 4

    NestJs Swagger如何添加自定义图标

  5. 5

    显示正方形的离子自定义图标

  6. 6

    向 matIconRegistry 添加自定义图标?

  7. 7

    如何自定义离子中的离子选择弹出高度

  8. 8

    如何将自定义svg图标添加到Material UI字体图标?

  9. 9

    如何在Angular2清晰度图标中添加自定义图标?

  10. 10

    离子 3 指令。在 Div 上添加自定义属性?

  11. 11

    如何自定义特殊图标

  12. 12

    如何创建自定义字体图标?

  13. 13

    如何在CSS中使用自定义图标自定义复选框的标签上添加缩进缩进?

  14. 14

    如何在balsamiq样机中添加自定义图像/图标?

  15. 15

    如何在ionic2中添加新的自定义字体图标

  16. 16

    如何配置pubspec.yaml以添加从fluttericon生成的自定义图标?

  17. 17

    Mapbox GL-JS:如何为图标实例添加自定义图像?

  18. 18

    如何在Ubuntu中添加书签的自定义图标。谷歌浏览器?

  19. 19

    如何将按钮图标添加到自定义键盘iOS 8?

  20. 20

    如何在balsamiq样机中添加自定义图像/图标?

  21. 21

    如何在stimulsoft工具中向工具栏添加自定义图标

  22. 22

    如何在 angular 5 的剑道 UI 树视图中添加自定义图标?

  23. 23

    我们如何使用添加和删除图标自定义@material ui <ExpansionPanelSummary> expandIcon?

  24. 24

    如何添加自定义类型定义?

  25. 25

    如何添加自定义类型定义?

  26. 26

    如何为离子框架编写自定义/自己的插件

  27. 27

    Python-nautilus:添加自定义标志(覆盖图标)

  28. 28

    向tinyMCE按钮添加自定义图标

  29. 29

    自定义应用栏添加文本和图标-Android

热门标签

归档