为 Ionic 定制的优质的 web 字体图标库。 

提示：所有品牌的图标是其各自所有者的商标。这些商标的使用并不表明商标持有人的转移，反之亦然。 

访问 ionicons.com 体验搜索功能，具有图标类名和样式关键词的识别。比如，如果你搜索 "arrow"，你将会得到所有可用作箭头的图标。

除此之外，我们还包含了每个图标的样式名，以便于你在开发中复制和粘贴！ 我们希望的是在 Ionic 中使用这个字体包，但是并没有限制使用的意思。

你可以在任何你觉得合适的地方使用它，个人或商业都行。Ionicons 是免费使用的，在 MIT 进行许可。

开始

1. 下载并解压字体包
2. 将 ionicons.css 拷贝到你的项目中
3. 将 fonts 文件夹拷贝到你的项目中
4. 确保 ionicons.css 中的字体文件的链接地址是正确指向 fonts 文件的路径的。
5. 在每一个你需要用到的 web 页面中引入 ionicons.css 文件。

或者通过 component 安装:

$ component install driftyco/ionicons

或者通过 bower 安装?

$ bower install ionicons

html 例子

你可以在 ionicons.com 很轻易地找到你想要的图标，一旦你复制了所需图标的 CSS 类名，只需简单地将 icon 和图标类名（例如 icon-home）添加到一个 HTML 元素中。

<i></i>

构建指令

该库已经将所有文件构建好，随时可以使用。但也可以从源代码构建，这需要用到 Python, FontForge 和 Sass:

1) 安装 FontForge（一个从 SVG 文件创建字体的项目）:

$ brew install fontforge ttfautohint

2) 安装 Sass

$ gem install sass

3) 按照自己的需求从 src/ 文件夹中添加或删减文件。

4) 修改 builder/manifest.json 文件中的设置，你可以修改 font-family 的名字和 CSS 类名前缀。

5) 运行构建命令：

python ./builder/generate.py

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/67