我正在尝试在我的HTML页面中使用离子图标。但是图标没有显示。 我正在<link src="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" src_type="url" rel="stylesheet" type="text/css"/>
链接到我的页面。
并使用图标:<i class="ion-close-round"></i>
我对编程很陌生。那么,有什么帮助吗?
如果你使用Ionic,它将作为用法
<ion-icon name="something"></ion-icon>
在列表中、网格、列和 HTML 标记中。首先检查包.json"ionicons": "3.0.0",
是否存在..如果没有,请将此值放在package.json文件中。
如果你想使用更多的图标添加到离子图标,你可以添加字体真棒库。在项目文档中安装此库非常有用且简单。
使用下面的你会得到星形图标。
<i class = "icon icon ion-star"></i>
您也可以在按钮中使用星形图标
<button class="button button-icon button-clear ion-star">Shopping Cart</button>
试试吧。
我遇到了类似的问题,这是我如何解决的: 我走到 https://github.com/ionic-team/ionicons 并下载了文档文件夹。
它包含以下文件夹:
- .css
- 字体
- Ionicons/svg
我下载了它并将其放在开发环境根目录中的文件夹中。 我现在在我头部下载的文件夹中链接了样式表
在这种情况下,我将下载的所有内容放在"Ionicons"文件夹中
从现在开始,您可以在页面中的任何位置使用Ionicons。
通过使用内联元素