使用 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-size
,color
等。