Font Awesome 使用

使用了一下FontAwesome，记录一下。

FontAwesome 是一种矢量图标库，其中图标可当作字体，后面会有提到。

它的官网： 官网链接

官网提供它的源文件，下载之后，即可使用。

下载解压后文件夹：

仅需要将css、fonts文件拷贝到工程目录下，这两个文件保持同级目录下叭。

下面是css文件中.css 中内容，如下，css 中会给某些代表图标的类，使用before（也许有after）伪类，设置一种特殊字体“\xxxx”，这种字体便是fonts中已经编码好了的。

当然它的使用，还是请参考官网，要先使用“fa” 的class 属性值，然后再加上想使用图标的类名。

每次想找图标的时候还是官网查看一下叭。

 

有一点，图标的大小，与上级dom设置的字体大小一致。或者单独在该使用图标的dom中设置fontsize:

	<div>
		<span class="fa fa-camera-retro" style="font-size: 8px"></span> cameraaaa
	</div>

 

FontAwesome 还可以制作出动态的图标，这个以后有空再补充上叭。