描述
我们使用了一种叫做FontAwesome的图标字体。这使我们能够显示可访问的图标,这些图标不需要额外的HTTP请求,可以使用CSS进行样式设置(并自动继承样式),并且可以在不降低质量的情况下进行缩放。
使用
通过使用以下代码,图标可以包含在标记中:
<我类= ' fa fa-iconname ' > < / i >
可能的图标及其类名的列表可在http://fontawesome.io/icons/.注意,这些类名是不前缀与“诱导多能性”与其他框架类一样;他们在fontawome网站上的默认名字就保留了下来。
图标可以在任何可以使用HTML的地方使用。例如,文本、按钮、菜单等等。
图标的一致性
重要的是,图标的使用在整个套件中保持相对一致。这适用于核心开发人员和插件开发人员。如果不同的图标被用于相同的目的(或者更糟,一个图标被用于一个目的不同的就其通常目的而言),用户会被软件弄糊涂。
为了缓解这个问题,我们有一个图标列表,当我们选择一个图标来代表一个动作时,我们通常会参考这些图标。检查这个列表,看看你的动作是否已经有一个相关的图标,并倾向于使用它,而不是选择另一个。
下面的列表组织了操作,标题是一个一般的概念。图标名称为fontawome图标,不包含上述内容fa -
添加
- plus-circle
- +
删除
- times-circle
- trash-o
编辑
- 铅笔
恢复
- 撤销
去某个地方
- 右箭头键
开放的外部链接
- 外部链接
确认是/否
- 检查
- 次
权限
- 锁
- 解锁
登录/注册
- 关键
复制
- 复制
设置
- 齿轮
萎靡不振的开/关
- 国旗
- flag-o
明星开/关
- 明星
- star-o
开发/应用程序
- 齿轮
帮助
- question-circle
合并
- 升级
/ PHP / HTML代码
- 代码
邮件/发送邮件
- envelope-o
搜索
- 搜索
视图
- 搜索
刷新/重新加载
- 刷新
现在执行/运行
- play-circle
简单的模式/可视化编辑器
- 魔法
报告指南