Font Awesome可缩放的矢量图标

原创 2017年01月03日 10:38:38

Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。


固定宽度

固定高度示例

<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Settings</a>
</div>

更多的示例详见官网…

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

矢量字体图标Font-Awesome相关实例

  • 2014年04月03日 15:08
  • 71KB
  • 下载

Font-Awesome最新矢量图标库

  • 2015年03月03日 11:04
  • 3.4MB
  • 下载

在iOS中使用字体文件.ttf(icon font,可缩放矢量图)

icon font是一种可缩放的矢量图形,它相比图片大大节省了空间,而且在屏幕显示上的效果很好,不需要再为了适配而准备两套图了。         首先你想要使用字体文件,需要有一套SVG图,这个图可以...

font-awesome-4.1.0文字图标

  • 2014年09月12日 09:12
  • 401KB
  • 下载

微信小程序使用font-awesome图标库

微信小程序使用font-awesome

关于Font Awesome图标的使用

Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作。丢掉图片图标吧,一起来用Font Awesome!Font Awesome几乎囊括了网页中...

Font Awesome图标字体使用

集成 将Font Awesome 集成到 Bootstrap 非常容易,还可以被单独使用。 最简单的 Bootstrap + Font Awesome 集成方式 使用这种方式将 ...

android使用font awesome字体图标

  • 2015年04月06日 11:00
  • 2.18MB
  • 下载

android使用font awesome显示小图标

  • 2015年06月23日 23:47
  • 2.46MB
  • 下载

android使用font awesome替代简单的图标

在android开发中,往往会有大量的小图标,可是android界面与html是不同的,比如html中,可以将大量的小图标制作成雪碧图,这样会大量的减少http的请求次数,对于性能也是有很大的提升,而...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Font Awesome可缩放的矢量图标
举报原因:
原因补充:

(最多只允许输入30个字)