第一个 Font Awesome 图标 - Font Awesome 图标库

要使用 Font Awesome 图标，需要引入下面的 CSS 样式表

<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">

Font Awesome 使用前缀 fa CSS class 来引入图标，然后使用图标的名称来放置具体的图标

Font Awesome 设计为与内联元素一起使用，<i>和 <span> 元素广泛用于图标

如果更改图标容器的字体大小或颜色，图标会更改

<!DOCTYPE html>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<div>
    <i class="fa fa-car"></i>
    <i class="fa fa-car" style="font-size:48px;"></i>
    <i class="fa fa-car" style="font-size:60px;color:red;"></i>
</div>

上面的范例显示如下

查看范例 »