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>

更多的示例详见官网…

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

请用fontAwesome代替网页icon小图标

Font Awesome 提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影。...
  • wangfupeng1988
  • wangfupeng1988
  • 2014年11月29日 09:37
  • 2651

fontawesome图标字体库组件在服务器上显示不出来图标的解决

这个组件在我所开发的网站中被大量使用,为网站增色不少。在本地测试的时候所有图标都能显示出来,可一到服务器上就显示不出来了。网上查列出了可能的原因。其一,IIS没有注册字体类型。经过检查,不存在这个问题...
  • sxf359
  • sxf359
  • 2017年07月31日 15:33
  • 1946

HTML5 中的可缩放矢量图形(SVG)

http://www.ibm.com/developerworks/cn/web/wa-scalable/ HTML5 中的可缩放矢量图形(SVG) 基本概念和使用 ...
  • dusea
  • dusea
  • 2015年10月28日 21:07
  • 2514

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

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

Font-Awesome最新矢量图标库

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

矢量图标,图标字体的使用,font awesome

一 介绍 首先,说一下,字体图标有哪些优势吧?下面是在网上找的,基本都是大同小异了。 1、轻量性:一个图标字体比一个图片小,而且一旦图标字体加载了,图标就会马上渲染出来,不需要下载一个图像。可以...
  • wocaonima332
  • wocaonima332
  • 2016年07月18日 00:10
  • 321

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

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

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

微信小程序使用font-awesome
  • abczdefg
  • abczdefg
  • 2017年01月13日 12:49
  • 12022

Font Awesome图标安装及使用方法

前言 fontawesome图标提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影。 今天烽烟就来介绍下fontawesome图标的安装方法及使用方法。 Font ...
  • qq_33973029
  • qq_33973029
  • 2017年07月05日 16:00
  • 166

关于Font Awesome图标的使用

Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作。丢掉图片图标吧,一起来用Font Awesome!Font Awesome几乎囊括了网页中...
  • GarfieldEr007
  • GarfieldEr007
  • 2016年09月03日 18:51
  • 2216
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Font Awesome可缩放的矢量图标
举报原因:
原因补充:

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