使用 Font Awesome

Font Awesome 是一个非常简单但功能强大的库,可以用几个单词提供 634 个图标。

它是如何工作的?Font Awesome 使用存储在 ../fonts 目录中的 Unicode 字符将任何 i.fa 元素更改为相应的 unicode 字符,因此将图标显示为文本。

如何创建图标?所有图标类都必须是 i 元素,或者 italic element,主要用于最佳实践,但也提高了 Font Awesome 的性能。所有图标上都有 fa 类。这表示一个图标,没有它就无法工作。之后,只需添加你想要的图标,前缀为另一个 fa-。完成的示例如下:

<i class="fa fa-pencil"></i> 变成了 http://i.stack.imgur.com/08OV3.jpg

因为字体真棒可以使用 unicode 字符,所以它也允许任何文本操作也适用于它,例如 font-sizecolor 等。