最近在学习html和css的时候接触到了font-awesome。在这里特地整理了一些相关的知识。希望大家多多指点和补充。非常感谢。使用方法：1、到font-awesome官网下载这个基于CSS框架的网页字体图标库。值得一提的是，这个字体图标库从下载到应用都是完全免费的。2.下载后，解压源文件。把css（样式文件）和fonts（字体）两个文件夹复制到站点中。3、在HMTL文件中，head部分引入CSS（min（压缩版）用于发布，未压缩版可用于调试）。代码示例如下：4.通过以上操作，我们就可以在界面设计中使用这套字体图标了。比如直接在html主体部分的i标签对中使用cssclassfafa-[icon]，其中icon代表对应的图标类，如：，可以在界面中显示一个搜索图标。优点一个字体库，675个图标一个FontAwesome字体库包含了所有网页相关的图片图标。无需依赖JavaScriptFontAwesome完全不依赖JavaScript，因此无需担心兼容性问题。无限缩放可缩放矢量图形为您提供任何尺寸的完美图标。免费作为文字FontAwesome是完全免费的，即使是用于商业用途。请检查许可证。CSS控制只要CSS支持，无论是颜色、大小、阴影还是其他任何效果，都可以轻松展现。高分辨率屏幕完美呈现FontAwesome的矢量图标将使您的网站在视网膜级高分辨率屏幕上大放异彩。与其他框架兼容尽管它是为Bootstrap设计的，但FontAwesome也可以与其他框架完美配合。与屏幕阅读器兼容与其他字体不同，FontAwesome不会干扰屏幕阅读器。注意：与IE7不兼容使用示例基本图标您几乎可以在任何地方使用FontAwesome图标，只需使用CSS前缀fa后跟图标名称。FontAwesome专为处理内联元素而设计。我们一般更喜欢使用，因为它更简洁。但实际上使用更语义化。大图标使用fa-lg（增量33%）、fa-2x、fa-3x、fa-4x或fa-5x类使图标变大。固定宽度。使用fa-fw将图标设置为固定宽度。主要用于不同宽度的图标无法对齐的情况。在列出或导航时特别有用。对于列表，使用fa-ul和fa-li可以轻松替换无序列表的默认符号。BorderandAlignment使用fa-border和pull-right或者pull-left可以方便的构建特效供参考。Animation使用fa-spin类让任何图标旋转，现在你也可以使用fa-pulse让它在8个方向上旋转。特别适用于fa-spinner、fa-refresh和fa-cog旋转和翻转使用fa-rotate-和fa-flip-类可以任意旋转和翻转图标。组合使用如果想组合多个图标，使用fa-stack类作为父容器，fa-stack-1x作为普通比例图标，fa-stack-2x作为大图标。您还可以使用fa-inverse类来切换
