Font Awesome（一套很棒的图标库）

Posted 2020-10-16 cjx_work

Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父html元素的字体大小。

你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTML 头部增加下列代码即可：

<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>

当然也可以下载到本地使用，地址：http://fontawesome.io/   http://fontawesome.dashgame.com/ (中文网)

（link的路径根据自己下载保存的位置来定）；

使用方式：

i 元素起初一般是让其它元素有斜体(italic)的功能，不过现在一般用来指代图标。你可以将 Font Awesome 中的 class 属性添加到 i 元素中，把它变成一个图标，比如：

<i class="fa fa-info-circle"></i>

使用案例：

官网给出了详细的使用案例哦（可以自己动手试试，真理来源于实践）：http://fontawesome.io/examples/