跳转到内容

图标

描述

我们使用了一种叫做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

简单的模式/可视化编辑器

  • 魔法


报告指南


×
×
  • 创建新的…
Baidu