引用awesome打造漂亮图标

1. 引用css文件
2. 将awesome文件引入工程路径，并修改font-awesome.min.css的字体文件路径。

如果你也不想修改字体的路径，可以按照如下目录结构放置即可

-awesome

​ -css

​ font-awesome.min.css

​ -font

​ fontawesome-webfont.woff

​ … and so on

用法讲解：

只需要将<i class="icon-search"></i> 添加到想要设置图标的文字之前即可。加上空格会更美观

如:

1

<button><i class="icon-search"></i> 搜索</button>

icon-search 这样的图标样式awesome都已经帮我们定义好了，我们只需要引用即可。

下面用一幅图展示截取截止目前可用的图标样式:（来源官网）

<<< 捐赠 >>>

转载请注明出处！ 原文地址： http://webinglin.github.io

Reference:

font-awesome