前段时间小幻想在站点内引用一下FONTAWESOME 的图标，不过看样子好像是要加载一下官方的CSS才可以，于是只好下载了官方CSS，不过看了下，原来那货就是在CSS中加载了一个字体，再给那些矢量字体（即FONTAWESOME 图标）编码赋予值，那么，我就呵呵呵了…

首先CSS中加载一下字体文件，然后，下面的就可以搞定了（当然，哪天微软默认带着FONTAWESOME 字体那就不需要了）

所以，小幻果断不用 Fontawesome 提供的类，只想在 css 里面引用图标，可以这样子，其余请自行脑补：

.icon:before {
    content: '\f007';
    font-family: FontAwesome;
}

编码就附上和官方CSS想对应的值，下表 （点击下一页）

关于加载FONTAWESOME字体

	@font-face {
	font-family:'FontAwesome';
	src:url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.eot?v=4.1.0);
	src:url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(http://static.ihuan.me/wp-content/themes/CKoo/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular)format('svg');
	font-weight:normal;
	font-style:normal
}

字体源是小幻的，可以自己通过下载，保存！

废话：最后说一下那个引用图标的那个东东吧   http://ihuan.me/shuo 碎言碎语~~~